junbo-ui v3.0.0

junbo-ui

内置组件如下

• 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> ...