徽标数(vBadge)

俗称小红点,用于提示用户有消息了

单组件引入

import <name> from ‘vucc/badge’;

示例









代码 V

<v-badge :number="10" :is-show-number="true">
    <i class="vci vci-mail"></i>
</v-badge>
<v-badge style="margin-left: 30px;">
    <i class="vci vci-mail"></i>
</v-badge>



属性

参数 说明 类型 可选值 默认值
number 徽标数的数字,大于100会展示99+ Number - 0
isShowNumber 是否展示数字,还是展示红点 Boolean - false
← 步进输入框(vStepInput) 折叠面板(vCollapse) →