FVS行動端設定

適用場景：安裝了「FineVis資料視覺化」插件的使用者，可參考本文了解 FineVis 的相關功能。

1.1 版本

1.2 應用場景

• 切換到「行動端」模式後，預設佈局為「桌上端佈局」，即預覽效果與 PC 端一致，行動端展示效果不佳。開啟行動端佈局後，範本編輯介面及預覽介面均遵循行動端佈局（流式佈局）規則，進而實現更好的行動端展示效果。

• 使用行動端查看範本時底部一般會有工具欄。當按鈕較少時，不僅空間利用率低而且也不美觀，希望實現工具欄懸浮顯示。

1.3 功能簡介

• 支援開啟「行動端佈局」，開啟後切換到「行動端」模式，範本編輯介面及預覽介面均遵循行動端佈局（流式佈局）規則。

• 支援切換「底部工具欄」和「懸浮工具欄」。「懸浮工具欄」僅適用於 HTML5，預設選擇「底部工具欄」

進入 FVS 視覺化看板後，點選畫布頂端工具欄「範本設定>行動端」，即可設定行動端佈局方式和工具欄樣式。

3.1 佈局方式

• 預設不勾選「開啟行動端佈局」，行動端遵循桌上端佈局（保留佈局）規則，即與 PC 端保持一致。

• 勾選後，行動端編輯介面及預覽效果均遵循行動端佈局（流式佈局）規則；支援選擇「平板預覽效果」。

注：行動端佈局詳細介紹請參考：FVS行動端佈局。

3.2 工具欄

工具欄預設選擇「底部工具欄」，切換至「懸浮工具欄」後僅適用於 HTML5。

注1：切換「懸浮工具欄」僅支援 V3.1.0 及以上版本 。

注2：使用 APP 預覽時，仍顯示為底部工具欄 。

• 「範本分頁」、「組件導航」、「過濾」、「重新整理」、「收藏」顯示在懸浮工具欄中，如下圖所示：

注1：按鈕顯示條件、顯示順序同底部工具欄。

注2：表格分頁按鈕始終顯示在表格頂部/底部，不顯示在懸浮工具欄中。

• 按鈕個數小於等於 4 個時，直接顯示，不支援收起。

• 按鈕個數大於 4 個時，工具欄自動收起，需點選展開。如下圖所示：