Skip to content

Badge 徽标

徽标组件,支持数字、圆点、自定义最大值。

基础用法

vue
<template>
  <parrot-badge :value="5">
    <parrot-icon-button icon="✉" />
  </parrot-badge>
  <parrot-badge :value="100" :max="99">
    <parrot-icon-button icon="✉" />
  </parrot-badge>
</template>

圆点徽标

vue
<parrot-badge dot>
  <parrot-icon-button icon="🔔" />
</parrot-badge>

类型

vue
<parrot-badge :value="1" type="primary"><parrot-button>主要</parrot-button></parrot-badge>
<parrot-badge :value="2" type="success"><parrot-button>成功</parrot-button></parrot-badge>

API

Props

属性类型默认值说明
valuestring|number''徽标值
maxnumber99最大值
dotbooleanfalse圆点模式
typestring'danger'类型
hiddenbooleanfalse隐藏

Released under the MIT License.