选项卡
选项卡组件是以 TabGroup 为基础形式的组件, 它能以选项卡的方式组合多种其他组件进行展示.
在故事编辑界面, 点击工具栏中插入区域更多里的"选项卡", 在当前页面中创建一个选项卡组件. 选中此组件后在右侧属性编辑栏中对其设置进行编辑:
在选项卡配置表格区域点击新增按钮, 新增选项卡配置行, 配置属性如下:
- 组件类型: 单个选项卡内所使用的组件类型, 目前支持有:
- 分析卡片: 对应图形分析组件;
- 分析表格: 对应分析表格组件;
- 指标卡片: 对应指标卡片组件;
- 财务报表: 对应财务报表组件;
样式配置:
样式配置里包含通用的组件样式设置.
选项卡详细配置如下:
| 名称 | 说明 | 详细信息 |
|---|---|---|
| 禁用涟漪 | 禁用选项卡标签上的涟漪效果 | |
| 保持内容 | 保持选项卡内容组件 | 默认情况下，当内容不在屏幕上时，选项卡会从 DOM 中删除内容。将此设置为 true 将使它保持在 DOM 中，这将防止 iframes 和视频等元素下次返回视图时重新加载。 |
| 颜色 | 组件的主题颜色 | |
| 动画时间 | 标签动画的持续时间 | 如果没有设置单位，则将标准化为毫秒。 |
| 对齐 | 标签的对齐方式 | |
| 抬头位置 | 选项卡抬头的位置 | |
| 禁用分页 | 是否应该禁用分页 | 如果知道不需要分页，这可以用来避免不必要的布局重新计算 |
组件的详细配置:
| 名称 | 说明 | 详细信息 |
|---|---|---|
| 标题 | 选项卡标题 | |
| 组件类型 | 选项卡内展示的组件类型 | |
| 详情 | 组件类型相应的详细配置 | 根据选中的组件类型进行详细的配置, 具体配置参考相应的组件类型配置. 打开编辑完后记得点击最下方提交按钮 |
| 禁用 | 禁用此标签 |