图标

简介

图标可以提供更形象的交互方式,点击图标组件,可以实现调用逻辑流、提交表单或打开页面。

image.png

属性配置

图标组件属性由以下部分组成:

分类

参数

示例

说明

基础属性

类型

image.png

通过设置图标类型,可以让图标展示不同的样式。

样式

图标尺寸

图标尺寸

小中

image.png

图标尺寸属性将预定义的尺寸应用于图标。可选项如下:

  • 小(图标高度24px)

  • 中(图标高度32px)

  • 大(图标高度36px)

  • 自适应

当图标尺寸设置为“自适应”时,组件宽度设置为'auto',宽度由浏览器自动计算。

图标颜色

image.png

图标颜色设置属于页面组件通用属性。

关于此部分属性的更多信息,请参见样式

间距

image.png

间距设置属于页面组件通用属性。

关于此部分属性的更多信息,请参见样式

事件

点击事件

image.png

图标组件配置了点击事件,在点击图标时被触发。

关于此部分属性的更多信息,请参见事件

条件可见性

条件可见性

image.png

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

关于此部分属性的更多信息,请参见条件可见性