Badge add count slot
This commit is contained in:
parent
91806ae7f5
commit
ed0817359c
3 changed files with 25 additions and 4 deletions
|
@ -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`,
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue