内置组件如下
- element-plus: "2.5.6"
- vue": "3.4.26"
- vuedraggable": "4.1.0"
- sortablejs": "1.14.0"
修改 package.json 中的 version 字段,修改 build/index.js 中的打包脚本,把要新增的组件库引入进去,然后执行 npm run build
打包。
- 如果使用的是 cdn 上的 vuejs,在 JunboUI 之前引入 vue 即可,例如:
<link rel="stylesheet" href="https://cdn.lipush.com/junbo/css/JunboUI@2.0.5.css" />
<script src="https://cdn.lipush.com/other/js/vue@3.2.47vue-router@4.1.6pinia@2.0.32.js"></script>
<script src="https://cdn.lipush.com/junbo/js/JunboUI@2.0.5.js"></script>
- 如果使用的是本地 node_modules 的 vuejs,先直接引入 JunboUI 样式,例如:
npm i junbo-ui -S
<link rel="stylesheet" href="https://cdn.lipush.com/junbo/css/JunboUI@2.0.5.css" />
然后在 main.js 文件添加如下代码:
import { createApp } from 'vue';
const app = createApp(App);
import JunboUi from 'junbo-ui';
app.use(JunboUI);
组件具体使用方法请看demo源码
<JunboTable :table="table"></JunboTable> ...