简单Tab组件

应用场景: Tab组件可视作容器组件,每个Tab组件可添加多个页签,每个页签下可放置多个单图,达到切换页签显示不同单图的效果。

实际使用效果如下图:

tab组件演示效果

数据配置

1.报告编辑器界面,图表选择区-辅助图形,选择“简单Tab组件”;

tab组件新增1

2.选中组件,在右侧的 样式-标签配置 中,点击编辑按钮,进入标签配置界面;

tab组件新增2

3.标签配置界面,左侧为标签栏配置,右侧为报告中的所有单图;

标签栏中,点击标签后面的编辑按钮或双击标签,可修改当前标签的名称;

tab组件新增3

修改标签名称后,在右侧选择当前标签包含的单图;每个标签均选择后,点击 确定 即可保存配置;

tab组件新增4

样式配置

全局样式

1.布局:有2种布局方式:水平排列和垂直排列,展示效果如下:

tab组件样式1

2.轮播:Tab组件可以设置tab轮播时间(仅能设置秒级),在样式配置中,勾选轮播后,设置间隔时间即可;

tab组件样式2

轮播效果如下:

tab组件样式3

标签配置

标签主要分为3种状态下的配置项:非选中,选中,悬浮;每种状态下,均可设置对象的颜色。

还可以设置标签的文字大小,文字颜色,文字对齐方式,标签的圆角和标签的间距,具体不展开演示。

tab组件样式4

results matching ""

    No results matching ""