更新记录
1.0.4(2023-06-04)
下载此版本
1.更新层级点击不了问题;
2.增加吸顶属性配置;
3.cell类型选中建议增加对号图标;
4.完善文档;
1.0.3(2023-04-15)
下载此版本
更新选项增加箭头交互
1.0.2(2023-04-14)
下载此版本
更新示例
查看更多
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.6.18 app-vue |
× |
√ |
√ |
× |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
× |
√ |
√ |
√ |
le-dropdown
使用方式
<le-dropdown
v-model:menuList="menuList"
themeColor="#3185FF"
:duration="300"
:isCeiling="false"
@onConfirm="onConfirm"
@onChange="onChange"
></le-dropdown>
组件的属性说明如下:
属性 |
类型 |
默认值 |
必填 |
说明 |
v-model:menuList |
Array |
[] |
是 |
设置整个菜单筛选的配置数居 |
themeColor |
String |
#3185FF |
否 |
整个组件的主题颜色 |
duration |
Number |
300 |
否 |
动画的执行时间 |
isCeiling |
Boolean |
false |
否 |
是否自动吸顶(采用sticky规则) |
menuList参数说明:
属性 |
类型 |
必填 |
说明 |
title |
String |
是 |
菜单名称 |
type |
String |
是 |
菜单筛选展示的类型:cell|picker|sort|click|filter |
value |
Number|String|Array |
是 |
菜单对应的值 |
options |
Array |
否 |
菜单配置的组件参数数据,见下: |
children |
Array |
否 |
菜单配置的组件参数数据(当前只用在filter类型),见下: |
componentProps |
Object |
否 |
菜单对应type的组件参数(当前只用在picker类型),见下: |
options参数说明:
属性 |
类型 |
必填 |
说明 |
label |
String |
是 |
属性名,显示在页面上 |
value |
Number|String |
是 |
属性值,保存在父级的value属性上 |
children |
options[] |
否 |
子层级(当前只在picker上使用) |
children参数(filter)说明:
属性 |
类型 |
必填 |
说明 |
title |
String |
是 |
菜单名称 |
type |
String |
是 |
菜单筛选展示的类型:radio|slider|checkbox |
value |
Number|String |
是 |
菜单对应的值 |
options |
Array |
是 |
菜单配置的组件参数数据,见上: |
children下type参数说明:
- radio:单选
- checkbox:多选
- slider:进度(存在componentProps与type同级参数,对象里的值为uniapp原生的slider里的参数)
componentProps参数(picker)说明:
属性 |
类型 |
默认值 |
必填 |
说明 |
colNum |
Number |
1 |
否 |
级联的列数 |
options |
Array |
- |
是 |
菜单配置的组件参数数据,见上: |
fieldNames |
Object |
{ label: label , value: value , options: options } |
否 |
自定义节点 label、value、options 的字段 |
事件
事件名称 |
回调参数 |
说明 |
onConfirm |
(data) => void |
确定事件回调,data为当前确认选中的菜单数据 |
onChange |
(data,index) => void |
改变事件,data为当前操作菜单数据,index为当前操作菜单第index个索引发生变化 |