更新记录

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协议