1. 概述
敏捷看板在PC端制作完成后,支持用户在微信小程序、钉钉等移动端查看已经制作好的看板,并进行计算、参数选择等基本的操作。本文主要介绍如何制作适应移动端展示的敏捷看板,使其在移动端更加美观。
如下图所示敏捷看板,我们可以对其适当调整,使其更加适应在移动端展示。
2. 看板调整
2.1调整组件宽高比
移动端展示看板默认转化成一行一个组件,所有组件宽度都是100%,高度自适应时按照在PC 端宽高比计算,高度固定时按固定高度展示。在默认比例下,移动端可能出现比例不协调的问题,如下图所示。
此时,通过设置宽高比,可以调整该统计图在移动端的展示比例。操作如下图:
宽高比设置后,移动端效果如下图所示:
其他组件同理,可依次按需调整宽高比。
2.2设置组合使多个组件成为整体
组件组合后,在移动端视为一个整体,默认转化成一行,在移动端组合内部比例不变。可通过设置组合,调整组件在移动端的展示布局。
如下图所示为调整前的展示:
PC端设置组件组合,操作步骤如下图所示:
设置组合后,移动端效果如下图所示:
2.3表格设置行列锁定
移动端展示表格时,当表格不设置行列锁定时,默认展示一页所有数据,当数据较多时,表格显示较长,如下图:
此时,可设置表格行列锁定,并设置合适的宽高比,使表格显示美观。操作如下:
设置后,移动端表格展示效果如下图所示:
2.4筛选区关闭移动端浮起
当敏捷看板中有筛选区组件时,移动端默认是浮起状态,如下图:
通过关闭筛选区组件移动端浮起按钮,可使筛选区显示在页面上,操作如下:
设置后,移动端展示效果如下图:
2.5设置移动端不显示
组件也支持设置不在移动端显示,操作如下:
设置后,该组件不再在移动端展示。
请先登录