style(card): padding with number

young
1 parent fb8a7b3f
Showing 2 changed files with 6 additions and 7 deletions Show diff stats
examples/routers/card.vue
src/components/card/card.vue
 <template>
-    <Card style="width:350px">
+    <Card style="width:350px" v-bind:padding="0">
         <p slot="title">
             <Icon type="ios-film-outline"></Icon>
             经典电影
@@ -22,10 +22,7 @@
                 type: Boolean,
                 default: false
             },
-            padding: {
-                type: Boolean,
-                default: true
-            }
+            padding: Number
         },
         data () {
             return {
@@ -54,9 +51,11 @@
                 return `${prefixCls}-body`;
             },
             bodyStyles () {
-                if (!this.padding) {
+                let padding = this.padding
+                if (this.padding !== undefined) {
+                    padding += 'px'
                     return {
-                        padding: 0
+                        padding
                     };
                 }
                 return '';