设置手机布局

<< Click to Display Table of Contents >>

当前位置:  移动端 > 移动APP > 设置 

设置手机布局

Previous pageReturn to chapter overviewNext page

默认情况下,手机端的报表布局是按照手机布局进行显示的;如果用户取消手机布局,则报表布局与 PC 端一致。

phoneLayout1

 

手机布局是由一个个格子(cell)将组件分开,组件的布局是按照报表中的排列顺序按照从上到下,从左到右依次显示。默认占据一个格子的组件有:表,图表,交叉表、自由式表格、图片、仪表、选择列表、范围、日期、选项卡、过滤容器、单选框、复选框、填报、组合。

 

默认可以合并在一个格子中显示的组件有:文本,文本输入框和下拉列表。几个文本显示在同一个格子中,这样使手机上的显示更加美观。

 

PC 端调整手机布局

为了能够提前了解报表在手机上的显示情况,编辑完报表,点击页面设置的下拉三角,选择手机布局,在 PC 端手机布局界面用户可以手动调整报表中各组件的位置,对组件进行分组,设置报表标题等操作。

 

手机布局界面包括工具条和组件布局,如下图所示:

phoneLayout2

用户可以通过以下工具对组件布局进行调整:

【手机预览】使用微信或者yonghongApp的扫描功能扫描此二维码,可以查看手机上的报告手机布局样式,方便修改调整

phone-up选中组件,点击此按钮,向上移动选中的组件。

phone-down 选中组件,点击此按钮,向下移动选中的组件。

phone-reset点击该按钮,手机布局中的所有调整清空,使手机布局回到最初的状态。

phone-pre撤销当前的操作,回到上一次操作后的结果。

phone-next重做被撤销的操作,回到上一次撤销之前的结果。

 

 

PC 端调整表格的宽度和高度

在手机布局界面,选中表格的单元格,鼠标移到单元格边框位置即可触发出调整高度和宽度的按钮(如图),移动鼠标调整表格的高度和宽度。

set2

 

PC 端调整组件组合

如果报表中存在组合,在手机布局界面,可以在格子范围内对组合中的组件进行拖拽移动、修改尺寸的操作。组件位置、尺寸变化后,以组内成员最外层边界作为组合整体的边界,在格子内重新布局。

set3

 

 

选中组合组件中的两个及以上组件,在右侧菜单中可以设置对齐方式,如顶端对齐、底部对齐、左对齐、右对齐,如下图所示。

set5

PC端调整组件的高度

在手机布局界面中,选择中组件的下边框,向上/下拖动,修改组件的高度。

 

PC端设置轮播组件导航样式、箭头样式

在手机布局界面,选中导航/箭头,页面右侧展示导航样式、箭头样式,单击下拉选项,用户可设置自己希望的样式,其中箭头样式可以为空。

轮播组件

移动端查看:

 

轮播组件-移动端查看