徽章

按钮和图标上的数字或状态标记。

基本用法

显示新消息的数量。

金额定义为接受数字或字符串的值。

12
3
1
2
1

最大值

您可以自定义最大值。

最大值由属性 max 定义,它是一个数字。请注意,它仅在 value 也是数字时才有效。

99+
10+

定制

显示数字以外的文本内容。或者您可以使用 content 插槽来自定义内容。

当 value 为 String 时,可以显示自定义文本。或者使用 content 插槽。

new
hot
99

红点

用红点标记需要注意的内容。

使用属性 is-dot。它是一个布尔值。

query

偏移量 2.7.0

设置徽章点的偏移量,格式为[left, top],表示状态点相对于默认位置左侧和顶部的偏移量。

1

API

属性

| 名称 | 描述 | 类型 | 默认 | | ----------------- | --------------------------------------------------- | ------------------------------------------------------------------ | ------ | --- | | 价值 | 显示值。 | 字符串 / 数字 | '' | | 最大 | 最大值,超出时显示 {max}+。仅当值是数字时才有效。 | 数字 | 99 | 99 | | 是点 | 如果显示一个小点。 | 布尔值 | 假 | | 隐藏 | 隐藏徽章。 | 布尔值 | 假 | | 类型 | 徽章类型。 | 枚举 | 危险 | | 显示零 2.6.0 | 当值为零时是否显示徽章。 | 布尔值 | 真实 | | 颜色 2.6.3 | 点的背景颜色 | 字符串 | | | 偏移量 2.7.0 | 徽章偏移 | 数组 | [0, 0] | | 徽章样式 2.7.1 | 徽章定制风格 | 对象 | — | | 徽章级 2.7.1 | 徽章定制类别 | 字符串 | — |

老虎机

名称描述类型
默认自定义默认内容-
内容 2.9.1自定义徽章内容对象