更新记录
1.0.0(2025-03-10)
下载此版本
第一版
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.93 app-vue app-nvue |
× |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
√ |
√ |
√ |
√ |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
使用需要设置父级盒子宽度
// html
<view style="width: 200rpx">
<long-unfold ref="unfold4" :list="[{name:'全部筛选'}]" @submit="select" topHeight="62" height="70" fontSize="24"/>
</view>
// js
select(data){ }
props: {
// 字体大小
fontSize: {
default: "28"
},
// 数据
list: {
type: Array,
},
//属性名
keyName: {
default: 'name'
},
// 背景色
bgCol: {
type: String,
default: "#fff"
},
// 显示几行
showNums: {
default: 5
},
//行高
height: {
default: 80
},
//字体色
color: {
default: '#666'
},
// 选中颜色
activeColot: {
default: '#0EBE86'
},
//箭头显示
iconShow: {
default: true
},
//图标大小
iconSize: {
default: '10rpx'
},
// 子集宽度
childWidth: {
default: '100%'
},
// 子集距离左边
ChildLeft: {
default: '0'
},
//定位
topHeight: {
default: 90
},
// 选项下标线
showBorderBottom: {
default: true
},
// 禁止点击
disabled:{
default: false
}
}