[new feature] Card：更新价格样式，更新demo (#2313)

packages/card/demo/index.vue

@@ -20,9 +20,13 @@
         :title="$t('title')"
         :thumb="imageURL"
       >
-        <div slot="footer">
-          <van-button size="mini">{{ $t('button') }}</van-button>
-          <van-button size="mini">{{ $t('button') }}</van-button>
+        <div slot="tags" class="card__tags">
+          <van-tag plain type="danger">标签1</van-tag>
+          <van-tag plain type="danger">标签2</van-tag>
+        </div>
+        <div slot="footer" class="card__footer">
+          <van-button round size="mini">{{ $t('button') }}</van-button>
+          <van-button round size="mini">{{ $t('button') }}</van-button>
         </div>
       </van-card>
     </demo-block>
@@ -33,7 +37,7 @@
 export default {
   i18n: {
     'zh-CN': {
-      title: '商品标题'
+      title: '2018秋冬新款男士休闲时尚军绿飞行夹克秋冬新款男'
     }
   },
 
@@ -44,3 +48,15 @@ export default {
   }
 };
 </script>
+
+<style lang="less">
+  .card__footer {
+    padding-top: 10px;
+  }
+
+  .card__tags {
+    .van-tag {
+      margin-right: 5px;
+    }
+  }
+</style>