style(card): feat padding switch prop
This commit is contained in:
parent
57737d7455
commit
fb8a7b3f55
1 changed files with 13 additions and 1 deletions
|
@ -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,6 +21,10 @@
|
|||
shadow: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
padding: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
}
|
||||
},
|
||||
data () {
|
||||
|
@ -48,6 +52,14 @@
|
|||
},
|
||||
bodyClasses () {
|
||||
return `${prefixCls}-body`;
|
||||
},
|
||||
bodyStyles () {
|
||||
if (!this.padding) {
|
||||
return {
|
||||
padding: 0
|
||||
};
|
||||
}
|
||||
return '';
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue