uniapp:mosowe-menus菜单栏UI组件

作者基于Hbuilderx创建的uniapp项目,因尝试引入element组件库失败,转而开发了自己的组件,这些组件适用于uni-app的uni-admin后台管理系统。组件具有可配置的属性如activestrings,treeList等,并提供了menuClick等事件。此外,组件还支持折叠功能和自定义图标。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

先来两个地址,看着说:
预览地址
下载地址

最近新做了几款uniapp组件,主要是基于Hbuilderx创建的uniapp项目,之前想着在项目中直接引入element组件库,失败了,所以“一怒之下”,决定自己开发相关的组件,因为用到了云开发,也没有使用cli方式去创建相关的uniapp项目。

你可以将他直接用于uniapp官方提供的uni-admin后端管理系统中,刚开始打算用他们开发的组件,但是当我引入到自己的项目中的时候,总是报一些莫名其妙的错误,而且功能也不太满足我需要的,比如uni-admin左侧栏不能收起。。。

下面是开发文档说明:

props

属性类型默认必须说明
activestring/number-当前值
treeListitem[]-下拉列表
colorstring#ffffff默认文案颜色
selectColorstring#409eff选中文案颜色
backgroundColorstring#304156背景色
selectBackgroundColorstring-选中背景色
hoverColorstring-鼠标壹移上去文案颜色
hoverBackgroundColorstring#1e2732鼠标移上去背景色
collapsebooleanfalse是否折叠

item

属性类型必须说明
textstring选项名称
valuestring/number选项值
iconstring默认图标,支持图片、字体图标
selectIconstring选中图标,若无则以icon为主,字体图标选中颜色同文案
chidrensitem[]子集

emits

事件说明
menuClick菜单点击事件,回调参数为item

slots

event

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Mosowe

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值