PC/手机端共用模板

目录:

1. 描述

PC端和手机端的模板在一定程度是有区别的,如果想要制作共用模板,这时该注意点什么呢?

2. 表单(frm)

PC端用表单设计的模板在手机端通过手机重布局能够达成自适应效果。

但是在设计共用模板时需要注意:

1、组件的大小(宽高比)的设计需要同时考虑PC屏幕和手机屏幕的适用,尽量避免使用宽高比过大的组件。

由于手机屏幕的宽度有限,将宽度过宽的组件压缩在手机屏幕上显示,展现效果比较差。

例如下图,折线图涉及了一整个月的数据,这时在手机端展示就不太美观了。
222
2、图表的图例尽可能放在图表下方。

3. 表格(cpt)

首先,不推荐使用cpt来设计PC和移动端共用且组件较多的报表,cpt只能被整体的缩放,组件过多的表格无法同时适配于PC和移动端的屏幕。

如果是想把PC端已经设计好的报表移植到手机上来查看,需要注意:

如果不想对模板本身做调整,可以设置 ① 表头冻结显示、② 竖屏纵向自适应,通过左右滑动来查看。

如果想做一些小调整,可以参考具体两种方案助你解救移动端复杂报表

附件列表


主题: 移动端
标签: 已验证

文档内容仅供参考,如果你需要获取更多帮助,请咨询帆软技术支持
关于技术问题,您还可以通过帆软论坛获取帮助,论坛上有非常多的大神,有些水平比帆软工程师还要高哦。
若您还有其他非技术类问题,可以联系帆软传说哥(微信ID:frbiaoge)