3.3.55 • Published 6 years ago
@beisen-phoenix/badge
Licence
ISC
Version
3.3.55
Deps
1
Size
18 kB
Vulns
0
Weekly
0
徽标
@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 | 否 |