Badge 角标

参数

参数	说明	类型	可选值	默认值
model-value	文本内容	string
max	最大值	number
is-dot	是否点状显示	boolean		false
hidden	是否隐藏	boolean		false
type	类型	primary / success / error / warning

示例

基本用法

<cl-badge value="16">
	<cl-button>评论</cl-button>
</cl-badge>

自定义内容

<cl-badge value="NEW">
	<cl-button>自定义内容</cl-button>
</cl-badge>

最大值

<cl-badge :value="132" :max="99">
	<cl-button>最大</cl-button>
</cl-badge>

点形状

<cl-badge :value="132" is-dot>
	<cl-button>点形状</cl-button>
</cl-badge>

不同状态

<cl-badge type="primary" is-dot>
	<cl-button type="text" size="mini">主要</cl-button>
</cl-badge>