历史版本5 :[通用]TAB标签面板样式 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 版本编辑


报表服务器版本jarAPPHTML5
10.02019.1.910.16.1


2. 描述编辑

应用场景:以前的移动端tab组件不够智能、样式也比较单一,标题太长可能会导致显示不全,给大家带来了一些困扰。

功能描述:移动端提供更为丰富的tab效果,推出3类移动端专属tab样式:

决策报表,控件设置中选中tabpane,切换到移动端面板,新增移动端样式栏,可以设置移动端样式模板,分为默认、上菜单式、下菜单式、滑动式,如下图:

222

1)上菜单式:TAB 标题太长不会被截断

1.gif

2)下菜单式:支持自定义添加图标

2.gif

3)滑动式:顶部标题滑动切换,让手势拥有更多的可能

3.gif

3. 操作步骤编辑

打开%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\Phone\analytics\sales\公司回款额_TAB.frm,控件设置中选中tabpane,切换到移动端面板,设置移动端样式模板,如下图:

222

3.1 上菜单式


222

移动端预览效果如下图:

222


3.2 下菜单式


222

移动端预览效果如下图:

222


3.3 滑动式


222

移动端预览效果如下图:


222


3.4 tab样式自定义


除了标准tab样式,也可以自定义,如下图:
222

4. 兼容性问题编辑

新app(10.0)+老设计器(9.0、10):只有默认效果,且默认显示正常 

新app(10.0)+新设计器(10.0):默认效果及新样式都显示正常 

老app(10.0)+新设计器(10.0):只有默认效果,新样式设置后也显示老样式

5. 注意事项编辑

1)tab标题冻结,只在手机重布局且采用上菜单式&默认样式时生效,仅竖屏生效

2)手机重布局下绝对画布块中不支持tab标题冻结

3)非手机重布局下不支持tab标题冻结,包括竖屏和横屏

4)仅app中支持,H5不支持