# uni_contrast_list

**Repository Path**: ChenMuShan/uni_contrast_list

## Basic Information

- **Project Name**: uni_contrast_list
- **Description**: uniapp 差异对比列表
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-06-18
- **Last Updated**: 2021-06-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# chenmushan-contrastList 对比列表组件介绍

[点此预览](https://static-509d867c-3c35-4f47-9db0-e46f2376a2e5.bspapp.com/#/)

## 组件props字段描述

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

## scrollList字段描述

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

## 使用示例

```html
<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>
```




### 贡献者
[陈木杉](https://gitee.com/ChenMuShan)

[码云](https://gitee.com/ChenMuShan/uni_contrast_list)