1.0.0 • Published 5 years ago
kyfq-ui v1.0.0
Introduction
该插件为基于Vue框架的UI组件,目前已写入1个组件。1.菜单:可使用多级菜单,可自定义背景、文字颜色
Install
# 安装
npm install ky-ui --save
# 引入
/src/main.js
import KyUI from 'ky-ui'
Vue.use(KyUI)
Attribute
name | type | default | isRequired |
---|---|---|---|
dataList | array | true | |
backgroundColor | string | #666666 | false |
textColor | string | #fff | false |
activeIndex | strong or number | 0 | true |
activeTextColor | string | rgb(255, 208, 75) | false |
Example
<!-- HTML -->
<ky-menu
backgroundColor="@32ac37"
:dataList="list"
textColor="#333"
activeIndex="0"
activeTextColor="#CCC"
@select="select" // 点击菜单项触发事件
/>
<!-- script -->
const list = [
{
id: 0,
text: 'Test1',
icon: 'iconPath'
},{
id: 1,
text: 'Test2',
isShowChild: false,
child: [
{
id: '1-0',
text: 'Test2-1',
icon: 'iconPath'
}
]
}
]
export default {
...
data() {
return {
list: list
}
methods: {
<!-- level: 选中项的级数, id:选中项的id -->
select(level, id){
console.log(level, id)
}
}
}
1.0.0
5 years ago