H5徽标

分类

基础属性

示例

说明

属性

徽标类型

可以设置为“圆点”、“数字”、“文本”或“状态”，通过设置不同的徽标类型，可以在徽标组件上展示不同的内容。

作为容器

开启后，可将徽标组件作为容器，使任意组件具有徽标的样式效果。

封顶数字

徽标类型为“数字”时，需配置封顶数字，当实际徽标数字大于封顶数字时，以“封顶数字+”的形式展示。

状态

徽标类型为“状态”时，需配置状态，可以设置为“成功”、“告警”、“错误”或“信息”。不同的状态设置代表不同的图标。

数据

展示数字

放置到绑定数据表的DATA数据容器中

徽标类型为“数字”时，徽标组件需要配置数据源来展示右上角的数字。通常将其绑定数据实体的一个字段，字段类型需为 INTEGER、LONG、DECIMAL中的一种。有关此部分属性的更多信息，请参见数据。

展示文字

模板：

• 徽标类型为“文本”时，徽标组件需要配置右上角的展示文字。

• 展示文字可以为静态文本也可以动态绑定一个基础数据类型属性。关于此部分属性的更多信息，请参见数据。

• 除此之外，展示文字也支持填写静态文本与动态表达式混写的模板字符串。关于此部分表达式的更多信息，请参见表达式

样式

间距

徽标组件间距属于页面组件通用属性，有关此部分属性的更多信息，请参见样式。

可见性

条件可见性

可见性确定徽标组件是否作为页面的一部分最终显示给用户。

有关此部分属性的更多信息，请参见条件可见性。