更新记录

1.3.0(2021-06-21) 下载此版本

版本回退

1.2.0(2021-06-19) 下载此版本

优化代码

1.1.0(2021-06-18) 下载此版本

优化代码逻辑

查看更多

平台兼容性

chenmushan-contrastList 对比列表组件介绍

点此预览

组件props字段描述

键值 描述 是否必填
scrollList 数据数组(Array),见下文解释字段
lineMinHeight 最小行高(rpx)
labelWidth 左侧描述宽度(rpx)
valueWidth 右侧数据宽度(rpx)
updateHeight 是否需要持续监听高度变化 (常用于图片等不确定元素撑开元素)

scrollList字段描述

键值 描述 是否必填
label 左侧汉字描述
key 唯一标识 key (自定义样式依赖)
values 右侧数据块
valueScopedSlots 是否需要自定义value
labelScopedSlots 是否需要自定义label

使用示例

<chenmushan-contrast-list :scrollList="scrollList">
    <!-- 自定义discount的label 此处discount即为key-->
    <view slot="discount_label" slot-scope="item">
        {{item.label}}
    </view>
    <!-- 自定义discount的value块 此处discount即为key-->
    <view slot="discount_value" slot-scope="item">
        <view class="d-flex f-column">
            <text>{{item.value}}</text>
            <text class="m-t-10" style="color: #2157ff; font-size: 18rpx;">查看全部优惠></text>
        </view>
    </view>
</chenmushan-contrast-list>

贡献者

陈木杉

码云

隐私、权限声明

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

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

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

许可协议

MIT协议

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