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="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 () {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue