Badge add count slot

This commit is contained in:
梁灏 2019-09-05 11:17:05 +08:00
parent 91806ae7f5
commit ed0817359c
3 changed files with 25 additions and 4 deletions

View file

@ -9,7 +9,8 @@
</span>
<span v-else :class="classes" ref="badge">
<slot></slot>
<sup v-if="hasCount" :style="styles" :class="countClasses" v-show="badge">{{ finalCount }}</sup>
<sup v-if="$slots.count" :style="styles" :class="customCountClasses"><slot name="count"></slot></sup>
<sup v-else-if="hasCount" :style="styles" :class="countClasses" v-show="badge">{{ finalCount }}</sup>
</span>
</template>
<script>
@ -68,6 +69,15 @@
}
];
},
customCountClasses () {
return [
`${prefixCls}-count`,
`${prefixCls}-count-custom`,
{
[`${this.className}`]: !!this.className,
}
];
},
statusClasses () {
return [
`${prefixCls}-status-dot`,