如果需要将不同的信息归类展示,可以使用选项卡组件。用户选中不同的页签,展示不同的信息。下文介绍如何使用该组件。
步骤一:添加组件
在右侧样式的默认选项卡设置中,单击新增,添加选项卡。 您也可删除选项卡,或拖动图标 分别单击选项卡的编辑按钮 分别单击每个选项卡,在对应容器栏中配置展示数据的组件。如下图所示。 如果需要添加多个组件,需先添加分栏组件。 分别选中每个选项卡的容器栏,设置栏样式。详细说明请参见横向分栏的栏配置。 设置组件在页面的展示样式。 配置项 说明 默认选项卡设置 支持选中某个选项卡的单选按钮,应用运行时,默认展示该选项卡内容。 选项卡样式 设置选项卡基础、选中状态的样式。 容器样式 设置选项卡展示内容所属容器的样式。
调整组件宽高和在页面中的布局位置。详细说明请参见通用样式。
步骤二:配置样式
,调整选项卡展示顺序。
,设置每个选项卡的显示标题。
说明
选中组件的交互页签,配置事件和交互动作。具体操作请参见交互配置。 该组件支持事件切换选项卡、单击、双击。例如配置单击该组件,刷新栏中组件的展示数据。 预览和调试组件展示的数据和效果。详细内容请参见预览与调试。
步骤三:配置交互动作