更新记录
0.0.1(2024-11-25)
下载此版本
0.0.1 第一个版本
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
× |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
× |
× |
× |
× |
× |
简介
做需求经常使用的类目公共筛选组件,抽离出来方便其他项目小伙伴直接导入使用
下载解压导入Hbuilderx
提示
因为项目依赖uview 请先导入uview再使用,懒的写基础样式了 。。。
平台兼容性
Android APP |
IOS APP |
H5 |
小程序 |
√ |
√ |
√ |
√ |
只试过小程序,其他没测试过,理论上应该是一样的
Props
isShow |
title |
activedColor |
显示/隐藏状态 默认: false |
显示标题 默认: 下拉选择 |
提交按钮的颜色 |
其他如需要自定义只能修改源代码了
event
cancel |
changeCat |
关闭事件 |
确认按钮选中目录时间,并且返回当前选择的节点信息 |
代码示例
<CatSelect @changeCat="changeCat" :isShow="isShow" ref="catSelectRef" @cancel="isShow=false"></CatSelect>
```javascript
let mockData = [
{
label: '测试类目1',
level: 1,
value: 'test1',
children: [
{
label: '测试类目2',
level: 2,
value: 'test2',
children: [
{
label: '测试类目3',
level: 3,
value: 'test2',
}
]
}
]
},
{
label: '测试类目4',
level: 1,
value: 'test4',
children: [
{
label: '测试类目5',
level: 5,
value: 'test5'
}
]
}
]
this.isShow = true
// 设置筛选的层级数据
this.$refs.catSelectRef.setSortList(mockData)
```