Merge pull request #429 from muei/2.0

style(card): feat padding switch prop

examples/routers/card.vue

@@ -1,5 +1,5 @@
 <template>
-    <Card style="width:350px">
+    <Card style="width:350px" v-bind:padding="0">
         <p slot="title">
             <Icon type="ios-film-outline"></Icon>
             经典电影

src/components/card/card.vue

@@ -2,7 +2,7 @@
     <div :class="classes">
         <div :class="headClasses" v-if="showHead"><slot name="title"></slot></div>
         <div :class="extraClasses" v-if="showExtra"><slot name="extra"></slot></div>
-        <div :class="bodyClasses"><slot></slot></div>
+        <div :class="bodyClasses" :style="bodyStyles"><slot></slot></div>
     </div>
 </template>
 <script>
@@ -21,7 +21,8 @@
             shadow: {
                 type: Boolean,
                 default: false
-            }
+            },
+            padding: Number
         },
         data () {
             return {
@@ -48,6 +49,16 @@
             },
             bodyClasses () {
                 return `${prefixCls}-body`;
+            },
+            bodyStyles () {
+                let padding = this.padding;
+                if (this.padding !== undefined) {
+                    padding += 'px';
+                    return {
+                        padding,
+                    };
+                }
+                return '';
             }
         },
         mounted () {