drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Support Card

Browse source
This commit is contained in:
huixisheng 2017-03-02 17:35:02 +08:00
parent bb71140e7b
commit a8cb711cb8
5 changed files with 32 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/components/card/card.vue
View file

@ -1,7 +1,7 @@
<template>
<div :class="classes">
<div :class="headClasses" v-if="showHead" v-el:head><slot name="title"></slot></div>
<div :class="extraClasses" v-if="showExtra" v-el:extra><slot name="extra"></slot></div>
<div :class="headClasses" v-if="showHead" ref="head"><slot name="title"></slot></div>
<div :class="extraClasses" v-if="showExtra" ref="extra"><slot name="extra"></slot></div>
<div :class="bodyClasses"><slot></slot></div>
</div>
</template>
@ -50,9 +50,13 @@
return `${prefixCls}-body`;
}
},
compiled () {
this.showHead = this.$els.head.innerHTML != '';
this.showExtra = this.$els.extra.innerHTML != '';
mounted () {
if (this.$refs.head) {
this.showHead = this.$refs.head.innerHTML != '';
}
if (this.$refs.extra) {
this.showExtra = this.$refs.extra.innerHTML != '';
}
}
};
</script>