［通用］設置行動端範本

1.1 版本

1.2 功能簡介

1）在設計器中提供手機端專屬範本的畫布尺寸，引導使用者在合適的尺寸內製作手機端範本，提升易用性。

2）同時當範本設定為手機端專屬範本時，將會直接改變範本畫布的大小以及其他自適應相關的設定，且不可逆；

因此，如果使用者在不明確客製手機端範本功能的基礎上操作了當前範本，會引發一些問題，現新增另存為的功能來避免這樣的情況。

2.1 普通報表

1）在普通報表中，點選菜單欄「範本>行動端屬性」，勾選「設定為手機範本畫布大小」，報表會以 4.7 寸螢幕手機為準進行適配，4.7 寸以上的手機進行放大，4.7 寸以下的手機進行壓縮，點選「確定」，如下圖所示：

2）報表介面中邊緣線的寬度發生改變，如下圖所示：

2.2 決策報表

1）在決策報表中，點選「範本>行動端屬性」，勾選「設定為手機端範本」，報表會以 4.7 寸螢幕手機為準進行適配，4.7 寸以上的手機進行放大，4.7 寸以下的手機進行壓縮，預設勾選「自適應屬性自動匹配」，點選「確定」，如下圖所示：

2）畫布大小被設定為 375*560，畫布橫向寬度鎖定不可調整，縱向高度可修改，如下圖所示：

3）報表塊的大小也發生改變，並且新增畫布邊緣線，如下圖所示：

注：決策報表報表塊中新增的邊緣線不具備分頁的功能，單純起到提醒使用者適宜寬度的作用。

2.3 已有內容的範本

已有內容的範本，以普通報表為例，開啟內建 GettingStarted.cpt 範本。

1）點選菜單欄「範本>行動端屬性」，勾選「設定為手機範本畫布大小」，點選「確定」，如下圖所示：

2）彈出另存為其他範本，範本名稱為當前文檔名稱加上「_mobile」，檔案儲存位置可選，如下圖所示：

注：如果選擇「取消」，手機端範本功能不生效。

2.3.2 FVS視覺化看板

下載 電商銷售實時大屏.fvs 範本，並儲存至報表路徑下。

1）在 FVS 視覺化看板中，點選畫布右上角的 PC端/行動端 切換按鈕，切換至「行動端」。

2）若在「範本設定>行動端」中勾選了「開啟行動端佈局」，畫布尺寸變為 390x844 px 的行動端尺寸。如下圖所示：

3）若未勾選「開啟行動端佈局」，行動端與 PC 端共用一個佈局。如下圖所示：

問題現象：

設定為行動端範本，寬度沒有自動改成375，保留了原來寬度。

可能原因：

設定手機端範本時，改變尺寸大小，若範本存在間隔時，會判斷下所有縮減後的組件寬高。存在任何一個，組件小於最小高度17或小於最小寬度36時，不會被縮減的 ，因為不支援。

這樣的情況下，可能會導致設定的手機端範本frm，整個範本畫布的寬度不變，沒有變成375。

解決方案：

範本修改下配置，將 body 的間隔設定為 0 以後，配置行動端預覽的尺寸範本，即可實現正常效果。