［通用］移动端支持FRM边距及组件间隔设置

• 应用场景：由于默认边距不可更改、组件样式单一、组件间隔不可更改，使得移动端报表展现不灵活不美观。

• 功能介绍：制作决策报表时，用户可对移动端边距、组件间隔和组件边框进行个性化设置。如下图所示：

3.1 设置对象

支持移动端边距和组件间隔设置的对象：FRM-body、Tab 块

3.2 设置步骤

3.2.1. 条件准备

移动端边距和组件间隔设置需满足以下任意一个条件：

1）body 布局方式选择自适应布局，body 与 Tab 可进行移动端边距及组件间隔设置。如下图所示：

注：该条件下无论是否手机重布局，均可进行设置
2）body 布局方式选择绝对布局，且移动端选择手机重布局，body 与 Tab 可进行移动端边距及组件间隔设置。如下图所示：

3.2.2. 边距设置

内边距指组件与容器之间的距离，组件间隔指该容器下各组件之间的距离。

移动端边距及组件间隔均默认为 4，用户可自行修改。如下图所示：

注：设置的边距和组件间隔，只对当前容器下的组件有效，如有嵌套的容器，子容器使用自身的设置。

      如各组件设置值不同，可通过自适应布局嵌套 Tab 布局实现。

3.3 效果预览

3.3.1 PC 端

移动端设置对 PC 端无效无影响

3.3.2 移动端

1） App

从左到右依次是无边距无间隔、默认边距及间隔为 4、边距及间隔均为 10 的效果图。如下图所示：

注：设置移动端边距和间隔，不影响设计器模板可见区域

2） HTML5

从左到右依次是无边距无间隔、默认边距及间隔为 4、边距及间隔均为 10 的效果图。如下图所示：

注：需安装 HTML5 移动端展现插件

4.1 设置对象

支持组件边框设置的对象：FRM 报表块、图表块

4.2 设置步骤

选择组件>属性>样式，设置边框粗细、圆角的值，默认为 0。

注：如边框粗细为无，则圆角边框效果无法显示。

4.3 效果预览

4.3.1 PC 端

从左到右依次是默认直角边框、边框圆角值为 30 的效果图。如下图所示：

4.3.2 移动端

1） App

从左到右依次是默认直角边框、边框圆角值为 30 的效果图。如下图所示：

2） HTML5

从左到右依次是默认直角边框、边框圆角值为 30 的效果图。如下图所示：

注：关于决策报表框架样式的其他内容，请参考 决策报表框架样式