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