junbo-ui
v3.0.0
Published
基于 Vue3、Element Plus 开发的骏伯公共组件库
Downloads
8
Maintainers
Readme
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/[email protected]" />
<script src="https://cdn.lipush.com/other/js/[email protected]@[email protected]"></script>
<script src="https://cdn.lipush.com/junbo/js/[email protected]"></script>
- 如果使用的是本地 node_modules 的 vuejs,先直接引入 JunboUI 样式,例如:
npm i junbo-ui -S
<link rel="stylesheet" href="https://cdn.lipush.com/junbo/css/[email protected]" />
然后在 main.js 文件添加如下代码:
import { createApp } from 'vue';
const app = createApp(App);
import JunboUi from 'junbo-ui';
app.use(JunboUI);
使用
组件具体使用方法请看demo源码
<JunboTable :table="table"></JunboTable> ...