［通用］移動端支持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 的效果圖。如下圖所示：

注：關於決策報表框架樣式的其他内容，請參考 決策報表框架樣式