亿信ABI
当前版本:5.6.1

如何制作适应移动端展示的敏捷看板

1. 概述

敏捷看板在PC端制作完成后,支持用户在微信小程序、钉钉等移动端查看已经制作好的看板,并进行计算、参数选择等基本的操作。本文主要介绍如何制作适应移动端展示的敏捷看板,使其在移动端更加美观。

如下图所示敏捷看板,我们可以对其适当调整,使其更加适应在移动端展示。

2. 看板调整

2.1调整组件宽高比

移动端展示看板默认转化成一行一个组件,所有组件宽度都是100%,高度自适应时按照在PC 端宽高比计算,高度固定时按固定高度展示。在默认比例下,移动端可能出现比例不协调的问题,如下图所示。

此时,通过设置宽高比,可以调整该统计图在移动端的展示比例。操作如下图:

宽高比设置后,移动端效果如下图所示:

其他组件同理,可依次按需调整宽高比。

2.2设置组合使多个组件成为整体

组件组合后,在移动端视为一个整体,默认转化成一行,在移动端组合内部比例不变。可通过设置组合,调整组件在移动端的展示布局。

如下图所示为调整前的展示:

PC端设置组件组合,操作步骤如下图所示:

设置组合后,移动端效果如下图所示:

2.3表格设置行列锁定

移动端展示表格时,当表格不设置行列锁定时,默认展示一页所有数据,当数据较多时,表格显示较长,如下图:

此时,可设置表格行列锁定,并设置合适的宽高比,使表格显示美观。操作如下:

设置后,移动端表格展示效果如下图所示:

2.4筛选区关闭移动端浮起

当敏捷看板中有筛选区组件时,移动端默认是浮起状态,如下图:

通过关闭筛选区组件移动端浮起按钮,可使筛选区显示在页面上,操作如下:

设置后,移动端展示效果如下图:

2.5设置移动端不显示

组件也支持设置不在移动端显示,操作如下:

设置后,该组件不再在移动端展示。

附件列表

0

文档内容仅供参考
如果您需要解决具体问题,还可以登录亿信社区
在提问求助板块提问,30分钟内帮您解决问题

如果您认为本词条还有待完善,请编辑

上一篇如何制作适应移动端展示的报表模板

下一篇与微信服务号集成

请先登录