［通用］設置行動端模板

1.1 版本

1.2 功能簡介

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

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

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

下文描述不同情況下如何設定手機端範本。

2.1 cpt範本

在 cpt 中，點選範本>行動端屬性，勾選「設定為手機範本畫布大小」，如下圖所示：

點選應答後，在報表介面中修改邊緣線的寬度，如下圖所示：

2.2 frm範本

在 frm 中，點選範本>行動端屬性，勾選「設定為手機範本畫布大小」，預設勾選「自適應屬性自動匹配」，如下圖所示：

點選應答後，畫布大小被設定為 375*900。畫布橫向寬度鎖定不可調整，縱向高度可修改，如下圖所示：

在報表塊中新增畫布邊緣線，如下圖所示：

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

2.3 已有內容的範本

當使用者對範本進行手機端範本設定時，判斷當前範本內是否存在內容

1）如果有內容

以普通報表為例，開啟內建 GettingStartedTW.cpt 範本。

選擇範本>行動端屬性，勾選「設定為手機範本畫布大小」，如下圖所示：

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

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

問題現象：

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

可能原因：

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

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

解決方案：

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