1.0.0 • Published 5 years ago

kyfq-ui v1.0.0

Weekly downloads
-
License
MIT
Repository
-
Last release
5 years ago

Introduction

该插件为基于Vue框架的UI组件,目前已写入1个组件。1.菜单:可使用多级菜单,可自定义背景、文字颜色


Install

# 安装
npm install ky-ui --save

# 引入
/src/main.js

import KyUI from 'ky-ui'
Vue.use(KyUI)

Attribute

nametypedefaultisRequired
dataListarray true
backgroundColorstring#666666false
textColorstring#ffffalse
activeIndexstrong or number0true
activeTextColorstringrgb(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)
			}
		}
	}