Get unlimited public & private packages + team-based management with npm Teams.Learn more »

kyfq-ui

1.0.0 • Public • Published

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)
            }
        }
    }

Keywords

Install

npm i kyfq-ui

DownloadsWeekly Downloads

1

Version

1.0.0

License

MIT

Unpacked Size

7.07 kB

Total Files

5

Last publish

Collaborators

  • avatar