feat(Card): Card 组件样式调整添加 price 上方的插槽 (#5134)

src/card/test/__snapshots__/demo.spec.js.snap

@@ -11,11 +11,15 @@ exports[`renders demo correctly 1`] = `
           </div>
         </a>
         <div class="van-card__content">
-          <div class="van-card__title van-multi-ellipsis--l2">商品名称</div>
-          <div class="van-card__desc van-ellipsis">描述信息</div>
+          <div>
+            <div class="van-card__title van-multi-ellipsis--l2">商品名称</div>
+            <div class="van-card__desc van-ellipsis">描述信息</div>
+          </div>
           <div class="van-card__bottom">
-            <div class="van-card__price">¥ 2.00</div>
-            <div class="van-card__num">x 2</div>
+            <div class="van-card__price">
+              <div>¥<span class="van-card__price van-card__price--integer">2</span>.00</div>
+            </div>
+            <div class="van-card__num">x2</div>
           </div>
         </div>
       </div>
@@ -31,12 +35,16 @@ exports[`renders demo correctly 1`] = `
           <div class="van-card__tag"><span class="van-tag van-tag--mark van-tag--danger">标签</span></div>
         </a>
         <div class="van-card__content">
-          <div class="van-card__title van-multi-ellipsis--l2">商品名称</div>
-          <div class="van-card__desc van-ellipsis">描述信息</div>
+          <div>
+            <div class="van-card__title van-multi-ellipsis--l2">商品名称</div>
+            <div class="van-card__desc van-ellipsis">描述信息</div>
+          </div>
           <div class="van-card__bottom">
-            <div class="van-card__price">¥ 2.00</div>
+            <div class="van-card__price">
+              <div>¥<span class="van-card__price van-card__price--integer">2</span>.00</div>
+            </div>
             <div class="van-card__origin-price">¥ 10.00</div>
-            <div class="van-card__num">x 2</div>
+            <div class="van-card__num">x2</div>
           </div>
         </div>
       </div>
@@ -51,16 +59,20 @@ exports[`renders demo correctly 1`] = `
           </div>
         </a>
         <div class="van-card__content">
-          <div class="van-card__title van-multi-ellipsis--l2">商品名称</div>
-          <div class="van-card__desc van-ellipsis">描述信息</div>
-          <div><span class="van-tag van-tag--plain van-tag--danger van-hairline--surround" style="margin-right: 5px;">
+          <div>
+            <div class="van-card__title van-multi-ellipsis--l2">商品名称</div>
+            <div class="van-card__desc van-ellipsis">描述信息</div>
+            <div><span class="van-tag van-tag--plain van-tag--danger van-hairline--surround" style="margin-right: 5px;">
             标签
           </span> <span class="van-tag van-tag--plain van-tag--danger van-hairline--surround">
             标签
           </span></div>
+          </div>
           <div class="van-card__bottom">
-            <div class="van-card__price">¥ 2.00</div>
-            <div class="van-card__num">x 2</div>
+            <div class="van-card__price">
+              <div>¥<span class="van-card__price van-card__price--integer">2</span>.00</div>
+            </div>
+            <div class="van-card__num">x2</div>
           </div>
         </div>
       </div>

src/card/test/__snapshots__/index.spec.js.snap

@@ -4,6 +4,7 @@ exports[`render bottom slot 1`] = `
 <div class="van-card">
   <div class="van-card__header">
     <div class="van-card__content">
+      <div></div>
       <div class="van-card__bottom">Custom Bottom</div>
     </div>
   </div>
@@ -14,6 +15,7 @@ exports[`render origin-price slot 1`] = `
 <div class="van-card">
   <div class="van-card__header">
     <div class="van-card__content">
+      <div></div>
       <div class="van-card__bottom">
         <div class="van-card__origin-price">Custom Origin Price</div>
       </div>
@@ -26,6 +28,7 @@ exports[`render price & num slot 1`] = `
 <div class="van-card">
   <div class="van-card__header">
     <div class="van-card__content">
+      <div></div>
       <div class="van-card__bottom">
         <div class="van-card__price">Custom Price</div>
         <div class="van-card__num">Custom Num</div>
@@ -38,7 +41,9 @@ exports[`render price & num slot 1`] = `
 exports[`render thumb & tag slot 1`] = `
 <div class="van-card">
   <div class="van-card__header"><a class="van-card__thumb">Custom Thumb<div class="van-card__tag">Custom Tag</div></a>
-    <div class="van-card__content"></div>
+    <div class="van-card__content">
+      <div></div>
+    </div>
   </div>
 </div>
 `;
@@ -46,7 +51,21 @@ exports[`render thumb & tag slot 1`] = `
 exports[`render title & desc slot 1`] = `
 <div class="van-card">
   <div class="van-card__header">
-    <div class="van-card__content">Custom TitleCustom desc</div>
+    <div class="van-card__content">
+      <div>Custom TitleCustom desc</div>
+    </div>
   </div>
 </div>
 `;
+
+exports[`render price & price-top slot 1`] = `
+<div class="van-card">
+  <div class="van-card__header">
+    <div class="van-card__content">
+      <div></div>
+      <div class="van-card__bottom">Custom Price-top<div class="van-card__price">Custom Price</div>
+      </div>
+    </div>
+  </div>
+</div>
+`;

src/card/test/index.spec.js

@@ -94,3 +94,14 @@ test('render title & desc slot', () => {
 
   expect(wrapper).toMatchSnapshot();
 });
+
+test('render price & price-top slot', () => {
+  const wrapper = mount(Card, {
+    scopedSlots: {
+      price: () => 'Custom Price',
+      'price-top': () => 'Custom Price-top'
+    }
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});