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) |
关于我们