一、基础用法
通过 label 设置徽章文本,color 与 variant 控制颜色与样式。
Template 示例:
<Badge label="新功能" color="success" variant="solid" />
效果展示如下:
二、属性说明
| 属性名 | 类型 | 描述 | 默认值 |
| label ★ | string | 徽章文本内容 | – |
| color | "secondary" | "success" | "danger" | "warning" | "info" | "discovery" | 徽章颜色 | "secondary" |
| variant | "solid" | "soft" | "outline" | 徽章样式变体 | "solid" |
| size | "sm" | "md" | "lg" | 徽章尺寸 | "md" |
| pill | boolean | 是否为胶囊形状 | false |
注意:★ 标记为必填属性。
三、颜色说明
·secondary:次要/默认颜色
·success:成功/绿色
·danger:危险/红色
·warning:警告/黄色
·info:信息/蓝色
·discovery:发现/紫色
四、样式变体说明
·solid:实心填充
·soft:柔和背景
·outline:边框样式