跳到主要内容

徽标数

用于表示状态的小圆点。

何时使用

  • 用于组件展示中的特殊视觉标识,例如状态提醒、未读消息等。

一、属性

1. 引用标识

详见 通用属性

2. 数据

  • :绑定数据源用于动态显示徽标数,详见 数据绑定

3. 外观

  • 徽标颜色:用于设置徽标小圆点的颜色,默认颜色为透明。

  • 位置偏移

    • 左右偏移:设置徽标相对组件的左右移动距离(向右为正)。
    • 上下偏移:设置徽标相对组件的上下移动距离(向下为正)。

示例:

image-20240829094751966
image-20240822091800187

4. 状态

详见 通用属性

二、样式

详见 通用属性

三、常见使用场景

1. 表格中使用徽标提升信息辨识度

例如在表格某列中添加徽标数,可增强用户对重要字段的关注。

image-20240829095412969