---
title: Badge 徽标
description: 出现在图标或文字右上角的徽标标识。
isComponent: true
usage: { title: "", description: "" }
spline: data，
author: 肖恒
---

### 基础徽标

支持 `count` 属性设置徽标的数字，支持 `show-zero` 属性可以设置徽标数字为 0 时，是否显示，适用于需要较强提醒的场景，直接
提醒用户相关信息数量。

{{ number }}

### 红点样式

支持 `dot` 属性设置仅显示为圆点的徽标，有图标时位于图标右上角，无图标时位于文字标题后侧。弱提示场景下，不显示数量，需要
用户去手动点击查看进行消除。

{{ base }}

### 不同颜色

支持 `color` 属性自定义徽标的颜色。

{{ color }}

### 不同尺寸

支持 `size` 属性设置徽标的尺寸，提供标准（默认）`medium`、小 `small` 两种尺寸。

{{ size }}

### 不同形状

支持 `shape` 属性设置徽标的形状提供圆形 `circle` 和方形 `round` 两种不同形状的徽标展示。

{{ shape }}

### 控制偏移位置

支持 `offset` 属性设置徽标的偏移，默认单位 px ，也可设置 em , rem

{{ offset }}
