指南
环境支持
由于 Vue 3 不再支持 IE11，CTJ-UI-NEXT 也不再支持 IE11 浏览器。
 |  |  |  |
|---|---|---|---|
| Edge ≥ 79 | Firefox ≥ 78 | Chrome ≥ 64 | Safari ≥ 12 |
ant-design UI 版本说明
组件库基于
ant-design-vue版本为^3.2.20，暂不支持最新版 4.0 版本由于 ant-design-vue 4.X(2023 年 7 月发布) 对组件的 API 和样式做了比较大的技术性调整，ctj-ui-next 暂未进行升级适配
项目引入
引入前项目需要安装 ant-design-vue
bash
pnpm i ctj-ui-next
// 或者
yarn add ctj-ui-nextpnpm i ctj-ui-next
// 或者
yarn add ctj-ui-next组件使用
支持全局引入与按需引入，推荐按需引入
全局引入
js
// main.ts
import CtjUI from 'ctj-ui-next'
import 'ctj-ui-next/lib/style.css' // 组件样式
const app = createApp(App)
app.use(CtjUI)// main.ts
import CtjUI from 'ctj-ui-next'
import 'ctj-ui-next/lib/style.css' // 组件样式
const app = createApp(App)
app.use(CtjUI)按需引入
js
// main.ts
import 'ctj-ui-next/lib/style.css' // 组件样式// main.ts
import 'ctj-ui-next/lib/style.css' // 组件样式js
// 组件中
import { GicTab } from 'ctj-ui-next'// 组件中
import { GicTab } from 'ctj-ui-next'组件更新
更新最新版本
yarn add ctj-ui-nextyarn add ctj-ui-next更新1.XX版本的最新
"ctj-ui-next": "^2.0.16" // 在package.json 中版本号前加"^""ctj-ui-next": "^2.0.16" // 在package.json 中版本号前加"^"yarn
// 或者
yarn upgrade ctj-ui-nextyarn
// 或者
yarn upgrade ctj-ui-next浏览器直接引入
暂不支持