FVS移动端功能简介

适用场景：安装了「FineVis数据可视化」插件的用户，可参考本文了解 FineVis 的相关功能。

1.1 版本

1.2 功能简介

FVS 数据可视化插件 V1.17.0 版本适配 移动端 ，可实现模板在移动端预览效果。

V2.1.1 版本新增了 PC端/移动端 模式切换按钮，根据选择的模式，会展示对应模式下支持的所有配置，预览效果也为对应模式效果。

V2.9.1 版本升级重布局效果为移动端流式布局，可以更好的满足「PC转移动端场景」以及「独立制作移动端场景」。

本文将简单概况移动端相关内容，更多详细内容请跳转链接到具体的文档查看。

1.3 视频教程

注：与视频有出入的地方，以文档为准。

进入 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 。右侧展示移动端访问二维码及链接。

注：此页面交互效果不完全生效，具体交互效果以移动端实际预览效果为准。