行動端範本橫屏顯示

1.1 版本

1.2 功能簡介

本文簡單介紹行動端橫屏相關知識，包括：橫屏與豎屏切換、橫屏的傳回效果

JAR 包在 2019-12-05 之前的設計器，預設允許橫豎屏切換。

JAR 包在 2019-12-05 之後的設計器，可手動設定切換邏輯參數，設定「url 參數」。

2.1 APP

APP 參數邏輯如下表所示：

2.2 HTML5 端

HTML5 端僅在釘釘單點中，橫豎屏參數才會生效，其他情況都不會生效。釘釘參數邏輯如下表所示：

橫屏傳回方式如下：

注：App 及 HTML5 行動端展現插件在 10.4.76 及之後的版本，且未設定切換邏輯參數為「fine_orientation=landscape」的範本，橫屏傳回方式如下：

行動端支援兩種橫屏查看範本效果。可使用「fine_conf_entity視覺化配置插件(V1.9.3及之後版本)」設定切換橫屏展示效果。

注：僅支援APP。

4.1 安裝插件

點選下載插件：fine_conf_entity視覺化配置插件

設計器插件安裝方法請參見：設計器插件管理

伺服器安裝插件方法請參見：伺服器插件管理

插件安裝的參考文檔：FINE_CONF_ENTITY視覺化配置

安裝後需要重啓伺服器才能生效。

4.2 設定參數值

1）安裝插件後，點選「管理系統>系統工具>選擇參數配置」，選擇系統參數名「MobileConfig.landscapeLayoutType」，設定系統參數值。完成後點選「儲存」。

2）完成後，重啓伺服器生效。

4.3 效果預覽

4.3.1 參數值為0

若參數值未設定，或設定為「 0 」。橫屏展示時，一頁展示一個組件，透過按鈕，左右切換組件。

.

4.3.2 參數值為1

若參數值設定為「 1 」。橫屏展示時，橫向充滿組件，向下滑動查看範本。與豎屏查看方式一致。

.