blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-06 03:58:05 +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 ### Slot
| 名称 | 说明 | | 名称 | 说明 |
| --------- | ------------------------------------------- | | ------------ | ---------------------------------------------------- |
| title | 自定义标题栏，如果设置了`title`属性则不生效 | | title | 自定义标题栏，如果设置了`title`属性则不生效 |
| desc | 自定义描述栏，如果设置了`desc`属性则不生效 | | desc | 自定义描述栏，如果设置了`desc`属性则不生效 |
| price-top | 自定义价格上方区域 | | num | 自定义数量 |
| price | 自定义价格 | | price | 自定义价格 |
| num | 自定义数量 | | origin-price | 自定义商品原价，如果设置了`origin-price`属性则不生效 |
| thumb | 自定义 thumb，如果设置了`thumb`属性则不生效 | | price-top | 自定义价格上方区域 |
| bottom | 自定义价格下方区域 | | bottom | 自定义价格下方区域 |
| footer | 自定义 footer | | thumb | 自定义图片，如果设置了`thumb`属性则不生效 |
| tags | 自定义 tags | | tag | 自定义图片角标，如果设置了`tag`属性则不生效 |
| tags | 自定义描述下方标签区域 |
| footer | 自定义右下角内容 |
### 外部样式类 ### 外部样式类

2
packages/card/index.less
View File

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

10
packages/card/index.wxml
View File

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