diff --git a/packages/card/README.md b/packages/card/README.md index 765e7ed5..25cc85e0 100644 --- a/packages/card/README.md +++ b/packages/card/README.md @@ -71,6 +71,8 @@ | title | 自定义标题栏,如果设置了`title`属性则不生效 | | desc | 自定义描述栏,如果设置了`desc`属性则不生效 | | price-top | 自定义价格上方区域 | +| price | 自定义价格 | +| num | 自定义数量 | | thumb | 自定义 thumb,如果设置了`thumb`属性则不生效 | | bottom | 自定义价格下方区域 | | footer | 自定义 footer | diff --git a/packages/card/index.ts b/packages/card/index.ts index 688003f3..d629131a 100644 --- a/packages/card/index.ts +++ b/packages/card/index.ts @@ -8,7 +8,7 @@ VantComponent({ 'thumb-class', 'title-class', 'price-class', - 'origin-price-class', + 'origin-price-class' ], mixins: [link], @@ -43,7 +43,7 @@ VantComponent({ const priceArr = price.toString().split('.'); this.setData({ integerStr: priceArr[0], - decimalStr: priceArr[1] ? `.${priceArr[1]}` : '', + decimalStr: priceArr[1] ? `.${priceArr[1]}` : '' }); }, diff --git a/packages/card/index.wxml b/packages/card/index.wxml index 548c810d..39b4b33a 100644 --- a/packages/card/index.wxml +++ b/packages/card/index.wxml @@ -35,8 +35,10 @@ <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> + <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="{{ num }}" class="van-card__num num-class">x {{ num }}</view> + <slot wx:else name="num" /> <slot name="bottom" /> </view> </view>