角标

平台差异

App	H5	微信小程序	支付宝小程序	头条小程序
√	√	√	√	√

Props

参数	说明	类型	可选值	默认值
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>