更新记录

0.0.1(2025-04-17) 下载此版本

初始版本


平台兼容性

Vue2 Vue3
×
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'
        }],
        }
    }
}

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问