Badge 徽标

一般出现在图标或文字的右上角，用于告知用户，该区域的状态变化或者待处理任务的数量。

---

红点徽标

红点徽标一般出现在消息图标的右上角，提醒用户有新的消息内容，提醒用户关注和处理。

使用场景：当用户只需知道大致有内容更新时，应该使用圆型。

数字徽标

数字徽标一般出现在组件的右上角，用来提醒用户有新的信息内容，或具体的信息条数，提醒用户处理。

数字显示：数字型徽标内数字，超过两位数可用 99+表示。

使用场景：当用户有必要知晓每条更新时，应该使用数字型。

气泡徽标

气泡内文字文字不宜过长。

使用场景：当需要告知用户此处状态有变化，应该使用文字型。

位置标注

徽标相对于元素的右上角展示，列表上的徽标置于列表右侧展示。

交互行为

• 徽标常用于反映计数和新内容提醒，不可点击，当内容变更或用户的操作变更，徽标状态自动刷新。
• 当消息处理后徽标即时消失或数量减少。

设计指南

• 徽标不要大量遮盖数据信息，避免与其它信息重叠。