style(card): feat padding switch prop

This commit is contained in:
young 2017-03-17 12:37:31 +08:00
parent 57737d7455
commit fb8a7b3f55

View file

@ -2,7 +2,7 @@
<div :class="classes"> <div :class="classes">
<div :class="headClasses" v-if="showHead"><slot name="title"></slot></div> <div :class="headClasses" v-if="showHead"><slot name="title"></slot></div>
<div :class="extraClasses" v-if="showExtra"><slot name="extra"></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> </div>
</template> </template>
<script> <script>
@ -21,6 +21,10 @@
shadow: { shadow: {
type: Boolean, type: Boolean,
default: false default: false
},
padding: {
type: Boolean,
default: true
} }
}, },
data () { data () {
@ -48,6 +52,14 @@
}, },
bodyClasses () { bodyClasses () {
return `${prefixCls}-body`; return `${prefixCls}-body`;
},
bodyStyles () {
if (!this.padding) {
return {
padding: 0
};
}
return '';
} }
}, },
mounted () { mounted () {