组件

OneBadge

OneBadge 可以包裹目标内容，也可以独立显示；数字默认在 99 处封顶。

消息8待办99+通知NEW

查看代码收起代码

import { OneBadge } from '@geektech/one';

new OneBadge({ value: 120, max: 99, children: ['消息'] });

显示规则

dot 优先显示圆点；showZero 控制零值是否可见。圆点应通过 ariaLabel 表达业务含义。

OneBadge 属性
名称	签名	说明
`value`	`value?: number \| string`	数字计数或短文本。
`max`	`max?: number`	数字封顶值，默认 99。
`dot`	`dot?: boolean`	忽略 value 并显示状态圆点。
`showZero`	`showZero?: boolean`	value 为 0 时仍显示标记。
`variant`	`variant?: OneDataDisplayVariant`	标记的状态颜色，默认 primary。
`ariaLabel`	`ariaLabel?: string`	标记的可访问名称。
`children`	`children?: Array<VNode \| string>`	可选的被标记内容。