智能布局

<< Click to Display Table of Contents >>

当前位置:  制作可视化报告 > 报告设计 > 布局 

智能布局

复制链接

1. 概述

1.1 应用场景

智能布局可以快速对齐组件进行布局,为用户节省一定的时间。

1.2 功能介绍

用户在报告中添加新的组件时,组件会自动对齐进行排列,方便构建标准布局的报告。

2. 设置

1) 点击右侧工具栏【报告】,默认展开页面布局,默认已选择智能布局。

2) 设置设备类型,支持两种类型:PC端、移动端。

PC端

DbLayout_Entrance

PC端支持设置画布尺寸的宽高、格子内间距和页边距。

类别

说明

画布尺寸:宽

系统预置常见比例宽,支持自定义输入值。

画布尺寸:高

系统预置常见比例高,支持自定义输入值和自动。自动是指根据组件的数量自适应。

格子内间距

组件格子之间的间隔距离,支持输入或加减,默认为5 px。

页边距

组件与页面边线的距离,支持输入或加减,默认10 px。

移动端

DbLayout_Grid_Mobile

移动端支持设置手机尺寸、格子内间距。

类别

说明

手机尺寸

系统预置常见手机型号,支持输入匹配,在选择后会显示对应的尺寸大小。

格子内间距

组件格子之间的间隔距离,支持输入或加减,默认为5 px。

3) 设置好后,点击“确定”,即可立即应用。