ibiz-vue-lib
简介
ibiz-vue-lib是IBiz前端团队根据业务需要，基于element ui与view-design再次封装，项目直接可用。
安装
yarn add ibiz-vue-lib
或
npm i ibiz-vue-lib
快速开始
import Vue from 'vue'
import ibizLib from 'ibiz-vue-lib'
Vue.use(ibizLib)
// or
import {
IBizSelectTree,
// ...
} from 'ibiz-vue-lib'
Vue.component(IBizSelectTree.name, IBizSelectTree)
API
ibiz-group-card
提供数据进行分组展示效果
Props
| 参数 |
说明 |
类型 |
可选值 |
默认值 |
| data |
数据集 |
Array |
— |
— |
| multiple |
是否多选 |
boolean |
— |
true |
| groupName |
分组名称（默认平铺展开） |
String |
— |
- |
| text |
文本属性字段 |
String |
— |
text |
| value |
值属性字段 |
String |
— |
value |
| defaultSelect |
默认选中数据集合 |
Array |
— |
— |
Event
| 事件名称 |
说明 |
回调参数 |
| select |
选中值发生变化时触发 |
当前选中项值集合 |
Slot
| 插槽名称 |
说明 |
参数 |
| - |
项内容绘制 |
item |
| group-title |
分组标题绘制 |
item |
ibiz-select-tree
提供树形数据的下拉菜单展示并选择内容
Props
| 参数 |
说明 |
类型 |
可选值 |
默认值 |
| value / v-model |
绑定值 |
string |
— |
— |
| multiple |
是否多选 |
boolean |
— |
false |
| treeOnly |
是否只显示树 |
boolean |
— |
false |
| defaultChecked |
是否默认选中第一项 |
boolean |
— |
false |
| disabled |
是否禁用 |
boolean |
— |
false |
| NodesData |
树形结构数据 |
object |
— |
— |
Events
| 事件名称 |
说明 |
回调参数 |
| select |
选中值发生变化时触发 |
目前的选中值 |
ibiz-qr-code
根据链接或文本内容生成二维码
props
| 参数 |
说明 |
类型 |
可选值 |
默认值 |
| size |
二维码大小，包含边框 |
number |
— |
200 |
| url |
二维码内容 |
String |
— |
— |
| bgSrc |
背景图片 |
String |
— |
— |
| margin |
二维码外边距 |
number |
— |
20 |
| backgroundColor |
背景颜色 |
String |
— |
— |
| logoSrc |
中央图标logo地址 |
String |
— |
— |
| logoMargin |
logo周围的空白边框 |
Number |
— |
0 |
| logoBgColor |
logo边框的背景色 |
String |
— |
— |
| logoRadius |
logo边框圆角半径 |
Number |
— |
0 |
| whiteMargin |
背景图外是否设置白色边框 |
boolean |
— |
true |
Event
| 事件名称 |
说明 |
回调参数 |
| callback |
二维码生成的回调函数，第一个参数为二维码data URL，第二个参数为id（用于排序） |
(url,id) |
关于我们
