徽标
@beisen-phoenix/badge
概述
一般出现在通知图标或头像的右上角,用于显示需要处理的消息条数,通过醒目视觉形式吸引用户处理。
由以下几个自组件构成
Badge
BadgeIcon
BadgeFont
BadgeAvatar
Badge API
参数 | 说明 | 类型 | 默认值 | 是否必传 |
---|---|---|---|---|
dot | 不展示数字,只有一个小红点 | boolean | false | 否 |
number | 展示的数字,大于99时显示为99+
|
number | 无 | 否 |
BadgeIcon API
参数 | 说明 | 类型 | 默认值 | 是否必传 |
---|---|---|---|---|
dot | 不展示数字,只有一个小红点 | boolean | false | 否 |
number | 展示的数字,大于99时显示为99+
|
number | 无 | 否 |
BadgeFont API
参数 | 说明 | 类型 | 默认值 | 是否必传 |
---|---|---|---|---|
dot | 不展示数字,只有一个小红点 | boolean | false | 否 |
number | 展示的数字,大于99时显示为99+
|
number | 无 | 否 |
BadgeAvatar API
参数 | 说明 | 类型 | 默认值 | 是否必传 |
---|---|---|---|---|
dot | 不展示数字,只有一个小红点 | boolean | false | 否 |
number | 展示的数字,大于99时显示为99+
|
number | 无 | 否 |
size | 头像尺寸 |
small /big
|
string | 否 |