更新记录
0.0.1(2025-04-17)
下载此版本
初始版本
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
× |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
× |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
√ |
× |
× |
× |
× |
scroll-view横向滑动组件
scroll-view 横向滚动菜单,可自定义行数及每行个数。
只测试过H5和微信小程序,其他平台未经测试。
组件属性参数
属性名称 |
类型 |
默认值 |
描述 |
list |
Array |
[] |
数据源数组 |
rows |
Number |
2 |
显示行数 |
cols |
Number |
4 |
每行个数 |
scrollbarWidth |
Number |
24 |
滑动条宽度 |
scrollbarBackground |
String |
#eee |
滑动条背景色 |
thumbWidth |
Number |
14 |
指示器宽度 |
thumbBackground |
String |
#91D300 |
指示器宽度 |
height |
Number |
4 |
滑动条及指示器高度 |
borderRadius |
Number |
2 |
滑动条及指示器圆角 |
使用
<view class="" style="background-color: #ffffff;">
<z-scrollList :list="list">
</z-scrollList>
</view>
<z-scrollList :list="list" rows="1" cols="5" thumbBackground="#ffc3ab">
</z-scrollList>
export default {
data() {
return {
list: [{
name: '1'
}, {
name: '2'
}, {
name: '3'
}, {
name: '4'
}, {
name: '5'
}, {
name: '6'
}, {
name: '7'
}, {
name: '8'
}, {
name: '9'
}, {
name: '10'
}, {
name: '11'
}, {
name: '12'
}, {
name: '13'
}],
}
}
}