[通用]设置手机端模板

1.1 版本

1.2 功能简介

1）在设计器中提供手机端专属模板的画布尺寸，引导用户在合适的尺寸内制作手机端模板，提升易用性。

2）同时当模板设置为手机端专属模板时，将会直接改变模板画布的大小以及其他自适应相关的设置，且不可逆。

因此，如果用户在不明确定制手机端模板功能的基础上操作了当前模板，会引发一些问题，现已有内容的模板新增 自动另存为 的功能来避免这样的情况。

2.1 普通报表

1）在普通报表中，点击菜单栏「模板>移动端属性」，勾选「设置为手机模板画布大小」，报表会以 4.7 寸屏幕手机为准进行适配，4.7 寸以上的手机进行放大，4.7 寸以下的手机进行压缩，点击「确定」，如下图所示：

2）报表界面中边缘线的宽度发生改变，如下图所示：

2.2 FVS可视化看板

1）在 FVS 可视化看板中，在「新建可视化看板」时，选择「自定义尺寸」，输入所需的宽度和高度。点击「创建看板」，即可创建移动端尺寸看板。

2）还可在进入 FVS 看板后，在画布下方调整画布尺寸。自定义尺寸输入后，点击设计界面空白处即可保存。

2.3 决策报表

注：V11.5.1 版本起，设计器中取消 「新建决策报表」 入口，历史决策报表模板仍可正常编辑与访问。更推荐使用 FineVis数据可视化 ，作为专业的数据可视化工具，比决策报表制作可视化看板效率更高、效果更丰富 。

1）在决策报表中，点击「模板>移动端属性」，勾选「设置为手机端模板」，报表会以 4.7 寸屏幕手机为准进行适配，4.7 寸以上的手机进行放大，4.7 寸以下的手机进行压缩，默认勾选「自适应属性自动匹配」，点击「确定」，如下图所示：

2）画布大小被设置为 375*560，画布横向宽度锁定不可调整，纵向高度可修改，如下图所示：

3）报表块的大小也发生改变，并且新增画布边缘线，如下图所示：

注：决策报表报表块中新增的边缘线不具备分页的功能，单纯起到提醒用户适宜宽度的作用。

2.3 已有内容的模板

2.3.1 普通报表

打开设计器内置的 GettingStarted.cpt 模板。

1）点击菜单栏「模板>移动端属性」，勾选「设置为手机模板画布大小」，点击「确定」，如下图所示：

2）弹出另存为其他模板，模板名称为当前文档名称加上「_mobile」，文件存储位置可选，如下图所示：

注：如果选择「取消」，手机端模板功能不生效。

2.3.2 FVS可视化看板

下载 电商销售实时大屏.fvs 模板，并保存至报表路径下。

1）在 FVS 可视化看板中，点击画布右上角的 PC端/移动端 切换按钮，切换至「移动端」。

2）若在「模板设置>移动端」中勾选了「开启移动端布局」，画布尺寸变为 390x844 px 的移动端尺寸。如下图所示：

3）若未勾选「开启移动端布局」，移动端与 PC 端共用一个布局。如下图所示：

问题现象：

决策报表设置为移动端模板，宽度没有自动改成 375 ，保留了原来宽度。

可能原因：

设置手机端模板时，改变尺寸大小，若模板存在间隔时，会判断下所有缩小后的组件宽高。存在任何一个，组件小于最小高度 17 或小于最小宽度36 时，不会被缩小 ，因为不支持。

这样的情况下，可能会导致设置的手机端模板 frm ，整个模板画布的宽度不变，没有变成 375 。

解决方案：

模板修改下配置，将 body 的间隔设置为 0 以后，配置移动端预览的尺寸模板，即可实现正常效果。