更新记录
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>