blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-05 19:41:45 +08:00
Code Issues Projects Releases Wiki Activity

feat(card): add new slots origin-price & tag (#3645)

Browse Source 
fix #3640
This commit is contained in:
rex 2020-09-27 14:15:19 +08:00 committed by GitHub
parent 0e784e227f
commit c3351ce01d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 22 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
packages/card/README.md
View File

@ -66,17 +66,19 @@
### Slot
| 名称 | 说明 |
| --------- | ------------------------------------------- |
| title | 自定义标题栏，如果设置了`title`属性则不生效 |
| desc | 自定义描述栏，如果设置了`desc`属性则不生效 |
| price-top | 自定义价格上方区域 |
| price | 自定义价格 |
| num | 自定义数量 |
| thumb | 自定义 thumb，如果设置了`thumb`属性则不生效 |
| bottom | 自定义价格下方区域 |
| footer | 自定义 footer |
| tags | 自定义 tags |
| 名称 | 说明 |
| ------------ | ---------------------------------------------------- |
| title | 自定义标题栏，如果设置了`title`属性则不生效 |
| desc | 自定义描述栏，如果设置了`desc`属性则不生效 |
| num | 自定义数量 |
| price | 自定义价格 |
| origin-price | 自定义商品原价，如果设置了`origin-price`属性则不生效 |
| price-top | 自定义价格上方区域 |
| bottom | 自定义价格下方区域 |
| thumb | 自定义图片，如果设置了`thumb`属性则不生效 |
| tag | 自定义图片角标，如果设置了`tag`属性则不生效 |
| tags | 自定义描述下方标签区域 |
| footer | 自定义右下角内容 |
### 外部样式类

2
packages/card/index.less
View File

@ -98,7 +98,7 @@
}
&__tag {
position: absolute;
position: absolute !important;
top: 2px;
left: 0;
}

10
packages/card/index.wxml
View File

@ -10,7 +10,7 @@
lazy-load="{{ lazyLoad }}"
class="van-card__img thumb-class"
/>
<slot name="thumb" />
<slot wx:else name="thumb" />
<van-tag
wx:if="{{ tag }}"
mark
@ -19,6 +19,7 @@
>
{{ tag }}
</van-tag>
<slot wx:else name="tag" />
</view>
<view class="van-card__content {{ utils.bem('card__content', { center: centered }) }}">
@ -34,9 +35,14 @@
<view class="van-card__bottom">
<slot name="price-top" />
<view wx:if="{{ price || price === 0 }}" class="van-card__price price-class">{{ currency }}<text class="van-card__price-integer">{{ integerStr }}</text><text class="van-card__price-decimal">{{ decimalStr }}</text></view>
<view wx:if="{{ price || price === 0 }}" class="van-card__price price-class">
<text>{{ currency }}</text>
<text class="van-card__price-integer">{{ integerStr }}</text>
<text class="van-card__price-decimal">{{ decimalStr }}</text>
</view>
<slot wx:else name="price" />
<view wx:if="{{ originPrice || originPrice === 0 }}" class="van-card__origin-price origin-price-class">{{ currency }} {{ originPrice }}</view>
<slot wx:else name="origin-price" />
<view wx:if="{{ num }}" class="van-card__num num-class">x {{ num }}</view>
<slot wx:else name="num" />
<slot name="bottom" />