feat(Card): add slots attrs (#2787)

youzan · Feb 26, 2020 · a63d565 · a63d565
1 parent e3941c7
commit a63d565
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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>