最新历史版本
:[通用]移动端支持FRM边距及组件间隔设置 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 概述编辑
1.1 版本
报表服务器版本 | App 版本 | HTML5 移动端展现插件 |
---|---|---|
11.0 | V11.0 | V11.0 |
1.2 应用场景
制作决策报表时,用户可对移动端边距、组件间隔进行个性化设置。如下图所示:
2. 功能介绍编辑
2.1 功能说明
1)设置对象:支持移动端边距和组件间隔设置的对象仅包括 body 和 Tab 块。
2)内边距:指组件与容器之间的距离,默认为 4px 。
3)组件间隔:指该容器下各组件之间的距离,默认为 4px 。
注:设置的边距和组件间隔,只对当前容器下的组件有效,如有嵌套的容器,子容器使用自身的设置。如各容器设置值不同,可通过自适应布局嵌套 Tab 块实现。
2.2 设置步骤
body 移动端的边距及组件间隔设置受报表布局影响,报表布局设置入口为「模板>PC端自适应属性」。如下图所示:
1)body 布局方式选择「自适应布局」时,body 和 Tab 块移动端属性中可以设置内边距和组件间隔。如下图所示:
注:该条件下无论是否勾选「手机重布局」,均可进行设置。
2)body 布局方式选择「绝对布局」,且 body 移动端属性中勾选「手机重布局」时,body 与 Tab 块支持设置移动端内边距及组件间隔。
注:若取消勾选「手机重布局」,设置项消失,使用默认内边距和组件间隔 。
如下图所示:
2.3 效果预览
注:移动端设置对 PC 端无效无影响。
2.3.1 App
从左到右依次是无边距无间隔、默认边距及间隔为 4、边距及间隔均为 10 的效果图。如下图所示:
注:设置移动端边距和间隔,不影响设计器模板可见区域。
2.3.2 HTML5
从左到右依次是无边距无间隔、默认边距及间隔为 4、边距及间隔均为 10 的效果图。如下图所示: