选项卡
更新时间:
复制 MD 格式
如果需要将不同的信息归类展示,可以使用选项卡组件。用户选中不同的页签,展示不同的信息。下文介绍如何使用该组件。
步骤一:添加组件
步骤二:配置样式
-
在右侧样式的默认选项卡设置中,单击新增,添加选项卡。
您也可删除选项卡,或拖动图标
,调整选项卡展示顺序。 -
分别单击选项卡的编辑按钮
,设置每个选项卡的显示标题。 -
分别单击每个选项卡,在对应容器栏中配置展示数据的组件。如下图所示。
说明如果需要添加多个组件,需先添加分栏组件。
选项卡组件包含设备1、设备2、设备3三个选项卡,每个选项卡容器中可添加数值卡片、折线图等数据展示组件。在右侧样式配置面板中,可设置默认选项卡(通过单选按钮选择)、背景色(如
#5584FF)、字重、文字图标色(如#FFFFFF)、底部分隔线色等属性,并可通过+ 新增按钮添加更多选项卡。 -
分别选中每个选项卡的容器栏,设置栏样式。详细说明请参见横向分栏的栏配置。
-
设置组件在页面的展示样式。
配置项
说明
默认选项卡设置
支持选中某个选项卡的单选按钮,应用运行时,默认展示该选项卡内容。
选项卡样式
设置选项卡基础、选中状态的样式。
容器样式
设置选项卡展示内容所属容器的样式。
-
调整组件宽高和在页面中的布局位置。详细内容,请参见通用样式。
步骤三:配置交互动作
该文章对您有帮助吗?
。