PC/手机端共用模板

  • 文档创建者:caixiaolan
  • 编辑次数:4次
  • 最近更新:Kevin-s 于 2019-06-06
  • 1. 描述

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

    2. 决策报表(frm)

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

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

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

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

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


    3. 表格(cpt)

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

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

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

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

    附件列表


    主题:
    • 有帮助
    • 没帮助
    • 只是浏览