历史版本7 :[通用]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 标题冻结,包括竖屏和横屏