跳到主要内容

标签

用于对事物的属性、状态、分类进行标记的小型标签。

何时使用​

  • 对数据项进行分类、状态标记
  • 突出显示某些属性（如“已完成”、“重要”等）

一、属性​

1. 数据配置​

数据配置

支持以下数据绑定方式：

  • 手动赋值
  • 数据绑定
  • 视图参数
  • 组件绑定

详见：数据绑定

2. 外观设置​

外观配置入口

1）空心样式​

  • 默认关闭
  • 开启后，标签无背景色，仅使用边框和文字颜色呈现

对比效果：

空心样式对比

2）背景色​

  • 设置标签的背景颜色（仅在关闭空心样式时生效）

示例：

背景色示例

3）文字颜色​

  • 设置标签中文本的颜色

示例：

文字颜色示例

4）尺寸​

  • 可设置为：小 / 中（默认）/ 大
  • 决定标签的整体大小

尺寸对比示例：

尺寸对比

5）圆角样式​

  • 默认关闭
  • 开启后，标签左右两侧为圆角样式

效果示例：

圆角样式对比

6）标记样式​

  • 默认关闭
  • 开启后，标签一侧添加圆角，更适用于标记类型的用途

效果示例：

标记样式对比

二、规则支持​

  • 标签支持「显示控制」配置，常用于通过枚举值控制标签颜色、内容等表现。
  • 可根据状态或字段值动态切换不同样式。

详见：显示控制

三、常见使用场景​

1. 搭配组件展示数据​

在表格、列表等组件中，使用标签标记分类或状态信息。

示例：

列表中使用标签