Status 状态
基础用法
Status 状态组件的基础用法, 提供两种基础样式: 圆形状态和方形状态。
默认状态成功状态警告状态危险状态危险状态信息状态默认状态成功状态警告状态危险状态危险状态信息状态
设置颜色
默认情况下 icon 和文本颜色不一致, 若想其保持一致, 可以为组件添加 common 属性。如果需要自定义 icon 和文本的颜色，可以使用 icon-color 和 text-color 参数，分别为 icon 和文本设置颜色，需要注意的是设置 icon-color 和 text-color 时 common 和 type 属性均会失效。
默认状态成功状态警告状态危险状态信息状态水湘青主题石涧蓝芙蓉粉山梗紫檀木棕
设置尺寸
Status 状态组件提供了不同尺寸 (large / medium / small / mini) 以供选择，默认为 small。
超大大型默认中型超大大型默认中型
Statistic API
Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 | Version |
|---|---|---|---|---|---|
| circle | 是否为圆形前缀标志 | Boolean | — | true | |
| common | 文本与 icon 同色 | Boolean | — | false | |
| icon-color | 自定义 icon 颜色（此时 type 与 common 参数失效） | String | — | — | |
| size | 大小 | String | 'large' | 'medium' | 'default' | 'mini' | 'default' | |
| text-color | 自定义文本颜色（此时 type 与 common 参数失效） | String | — | — | |
| type | 类型 | String | 'primary' | 'success' | 'info' | 'warning' | 'error' | 'danger' | 'primary' |
Copyright 2025 Winning Health 版权所有