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 |