Badge 徽标

在元素右上角展示消息提醒，可用于按钮等组件。

使用指南

在 Taro 文件中引入组件

import { AtBadge } from 'taro-ui'

组件依赖的样式文件（仅按需引用时需要）

@import "~taro-ui/dist/style/components/badge.scss";

用法

<AtBadge value={10} maxValue={99}>
    <AtButton size='small'>按钮</AtButton>
</AtBadge>

小红点与文本

<AtBadge dot>
    <AtButton size='small'>按钮</AtButton>
</AtBadge>
<AtBadge value='NEW'>
    <AtButton size='small'>按钮</AtButton>
</AtBadge>
<AtBadge value={'···'}>
    <AtButton size='small'>按钮</AtButton>
</AtBadge>

Badge 参数