FVS行動端功能簡介

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

1.1 版本

1.2 功能簡介

FVS 資料視覺化插件 V1.17.0 版本適配 行動端簡介 ，可實現範本在行動端預覽效果。

V2.1.1 版本新增了 PC端/行動端 模式切換按鈕，根據選擇的模式，會展示對應模式下支援的所有配置，預覽效果也為對應模式效果。

接下來，本文將詳細介紹這兩種模式的差別，以及行動端的屬性。

進入 FVS 視覺化看板後，在右上角即可看到 PC端/行動端 切換按鈕，預設選中「PC端」按鈕。如下圖所示：

V2.9.1 之前的版本，行動端透過開啟重佈局，實現預覽重佈局的效果，但編輯介面與 PC 端一致。

V2.9.1 及之後的版本，範本區分「桌上端佈局」和「行動端佈局」，行動端效果也支援所見即所得。

詳情請參見文檔：FVS行動端佈局 。

4.1 僅PC端支援

1）行動端不支援「三維組件」和「擴展圖表」組件類型。切換到「行動端」模式時，該類型組件不顯示，組件列表自動隱藏並灰化不可選中。

注：V2.9.1 之前的版本，切換到行動端畫布時仍然顯示，但配置面板提示「行動端暫不支援」。

2）開啟行動端佈局時，部分功能設定項不支援行動端，切換到「行動端」模式時，此類設定項不顯示。

例如組件動畫，如下圖所示：

4.2 僅行動端支援

開啟行動端佈局時，部分功能設定項僅支援行動端，僅在選擇「行動端」模式後顯示。例如行動端頁面支援設定「頁面邊距」和「組件間隙」。

4.3 PC端行動端共用

部分功能配置項在PC端、行動端任意一端修改配置，另一端即同步修改，兩端始終保持一致。例如組件內容、圖表資料等等。

4.4 PC端行動端區分配置

部分功能配置項支援對PC端、行動端分別進行配置，且分別顯示效果。這類配置項前會有 PC端/行動端 標識，與切換按鈕 icon 一致。

行動端未修改配置前，預設繼承PC端配置；修改後僅在行動端生效，不再受PC端影響。例如修改組件邊框背景，效果如下圖所示：

注：V2.9.1 之前版本中，行動端修改配置畫布中仍顯示PC端效果。

選擇「行動端」模式後，點選「預覽」按鈕，在瀏覽器中會展示行動端預覽介面。

左側展示手機 HTML5 模擬效果，模擬手機型號為 iPhone 13/13Pro ，寬高為 390*844px 。右側展示行動端存取QRCODE及連結。

注：此頁面交互效果不完全生效，具體交互效果以行動端實際預覽效果為準。