洱海文档

外观

在 GitHub 上 Star遇到问题?喝杯奶茶

徽章

约 236 字小于 1 分钟

2025-12-24

使用<Badge>组件来显示行内信息, 如状态或标签.

将你想显示的内容传递给<Badge>组件的text属性.

属性

typeOptional'info' | 'tip' | 'warning' | 'danger' | string

tip

徽章类型, 不同的类型使用不同的颜色方案, 支持自定义类型.

textOptionalstring

徽章文本

colorOptionalstring

自定义徽章文本颜色

bgColorOptionalstring

自定义徽章背景颜色

borderColorOptionalstring

自定义徽章边框颜色

示例

* ElakeDocs - <Badge type="info" text="v3" />
* ElakeDocs - <Badge type="tip" text="v3" />
* ElakeDocs - <Badge type="warning" text="v3" />
* ElakeDocs - <Badge type="danger" text="v3" />
* ElakeDoc s- <Badge text="v3" color="#80ceff" bg-color="rgba(159, 122, 234, 0.16)" />
  • ElakeDocs - v3
  • ElakeDocs - v3
  • ElakeDocs - v3
  • ElakeDocs - v3
  • ElakeDoc s- v3

版权归属：洱海

许可证：署名 4.0 国际 (CC-BY-4.0)