Badge 徽标
在元素右上角展示消息提醒,可用于按钮等组件。
使用指南
在 Taro 文件中引入组件
:::demo
1. import { AtBadge } from 'taro-ui'
:::
用法
:::demo
1. <AtBadge value='10' maxValue='99'>
2. <AtButton size='small'>按钮</AtButton>
3. </AtBadge>
:::
小红点与文本
:::demo
1. <AtBadge dot>
2. <AtButton size='small'>按钮</AtButton>
3. </AtBadge>
5. <AtBadge value='NEW'>
6. <AtButton size='small'>按钮</AtButton>
7. </AtBadge>
9. <AtBadge value={'···'}>
10. <AtButton size='small'>按钮</AtButton>
11. </AtBadge>
:::
Badge 参数
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| dot | 角标红点 | Boolean | - | false |
| value | 角标数字 | Number | - | - |
| maxValue | 角标最大值 | Number | - | 99 |
