如何快速将PC模板转换为移动端模板

1. 概述

在看板使用过程中，许多用户希望能够在移动端复现 PC 端模板的现有内容。本产品提供了快速将 PC 端模板转换为移动端模板的功能，适用于 PC 端与移动端模板内容基本一致，无需为移动端进行额外设计的复用场景。

2. PC 端基础制作规范决定移动端大体框架

移动端模板通常采用流式排列，从上至下进行浏览。PC 端模板转换为移动端后，组件（单个组件，非组合）会默认按一行一个的方式展示。

转换关键：PC模板多成组，PC模板制作越规范，转换到移动端调整成本越低

2.1 按块制作，整体区块进行分组

在制作模板前，请先考虑模板框架，将看板内容划分成多个区域。在每个区域中添加内容后，固定成组。如下图所示：

组合设置方式有以下几种：

2.2 相似内容分组大小保持一致

以下图为例，各区域的指标卡应尽量保持一致的大小，以确保整体画面舒适协调。

2.3 不同区块的保持水平/垂直方向的对齐关系

1）可以多选指标卡，在右侧面板中调整大小及间距，以确保整体美观

2）也可以借助辅助线精准对齐，鼠标在上方或左侧的标尺处移动，会出现虚线辅助线。

3. 移动端调整

按上述制作规范制作完成后，直接转为移动端布局效果如下，框架基本成型，仅有部分内容需要二次调整。

3.1 页头背景

3.2 组件标题

3.3 指标卡