图标

创建移动应用。

具体操作，请参见创建移动应用。

在移动应用编辑器中，单击最左侧的组件图标。

（可选）添加分栏组件，进行应用页面布局设置。

具体操作，请参见横向分栏和纵向分栏。

在画布左侧组件列表上方，输入图标，找到该组件，然后将组件拖拽到中间画布或画布中分栏组件的某栏中。

更多信息，请参见添加组件。

在移动应用编辑器右侧样式中，选择以下方式，配置组件展示的图标。

• 展开图标列表右侧下拉框，查看图标及其标识符，选择需要展示的图标。

  

• 单击数据源右侧的配置数据源，选择数据源类型，完成配置。

  可选数据类型有接口和静态数据，返回数据的格式必须为字符串，作为图标的标识符。

  例如的标识符为"tiaoshi"。

  该组件仅支持识别图标列表中的标识符来展示对应图标。

  如果数据源返回字符串不在图标列表的范围内，页面将显示错误提示。

单击确定。

组件将基于关联的数据源实时更新展示图标。

在右侧样式中，设置图标的颜色和尺寸。

调整组件在页面中的布局位置。

更多信息，请参见通用样式。

选中组件的交互页签，单击新增交互，设置事件和动作。

支持单击和双击事件。例如，配置事件为单击，动作为展示隐藏，选择待显示的组件。当单击图标后，可显示指定组件的内容。

具体操作，请参见交互配置。

单击页面右上方的预览，查看或调试组件的展示数据。