［通用］行動端支持FRM邊距及組件間隔設置

1.1 版本

1.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 的效果图。如下图所示：