跳到主要内容

选项卡

选项卡组件是以 TabGroup 为基础形式的组件, 它能以选项卡的方式组合多种其他组件进行展示.

在故事编辑界面, 点击工具栏中插入区域更多里的"选项卡", 在当前页面中创建一个选项卡组件. 选中此组件后在右侧属性编辑栏中对其设置进行编辑:

在选项卡配置表格区域点击新增按钮, 新增选项卡配置行, 配置属性如下:

  • 组件类型: 单个选项卡内所使用的组件类型, 目前支持有:
    • 分析卡片: 对应图形分析组件;
    • 分析表格: 对应分析表格组件;
    • 指标卡片: 对应指标卡片组件;
    • 财务报表: 对应财务报表组件;

样式配置:

样式配置里包含通用的组件样式设置.

选项卡详细配置如下:

名称说明详细信息
禁用涟漪禁用选项卡标签上的涟漪效果
保持内容保持选项卡内容组件默认情况下,当内容不在屏幕上时,选项卡会从 DOM 中删除内容。将此设置为 true 将使它保持在 DOM 中,这将防止 iframes 和视频等元素下次返回视图时重新加载。
颜色组件的主题颜色
动画时间标签动画的持续时间如果没有设置单位,则将标准化为毫秒。
对齐标签的对齐方式
抬头位置选项卡抬头的位置
禁用分页是否应该禁用分页如果知道不需要分页,这可以用来避免不必要的布局重新计算

组件的详细配置:

名称说明详细信息
标题选项卡标题
组件类型选项卡内展示的组件类型
详情组件类型相应的详细配置根据选中的组件类型进行详细的配置, 具体配置参考相应的组件类型配置. 打开编辑完后记得点击最下方提交按钮
禁用禁用此标签

示例