最近新做了几款uniapp组件,主要是基于Hbuilderx创建的uniapp项目,之前想着在项目中直接引入element组件库,失败了,所以“一怒之下”,决定自己开发相关的组件,因为用到了云开发,也没有使用cli方式去创建相关的uniapp项目。
你可以将他直接用于uniapp官方提供的uni-admin后端管理系统中,刚开始打算用他们开发的组件,但是当我引入到自己的项目中的时候,总是报一些莫名其妙的错误,而且功能也不太满足我需要的,比如uni-admin左侧栏不能收起。。。
下面是开发文档说明:
props
属性 | 类型 | 默认 | 必须 | 说明 |
---|---|---|---|---|
active | string/number | - | 是 | 当前值 |
treeList | item[] | - | 是 | 下拉列表 |
color | string | #ffffff | 否 | 默认文案颜色 |
selectColor | string | #409eff | 否 | 选中文案颜色 |
backgroundColor | string | #304156 | 否 | 背景色 |
selectBackgroundColor | string | - | 否 | 选中背景色 |
hoverColor | string | - | 否 | 鼠标壹移上去文案颜色 |
hoverBackgroundColor | string | #1e2732 | 否 | 鼠标移上去背景色 |
collapse | boolean | false | 否 | 是否折叠 |
item
属性 | 类型 | 必须 | 说明 |
---|---|---|---|
text | string | 是 | 选项名称 |
value | string/number | 是 | 选项值 |
icon | string | 否 | 默认图标,支持图片、字体图标 |
selectIcon | string | 否 | 选中图标,若无则以icon为主,字体图标选中颜色同文案 |
chidrens | item[] | 否 | 子集 |
emits
事件 | 说明 |
---|---|
menuClick | 菜单点击事件,回调参数为item |
slots
无
event
无