# 布局

不同的显示设备不同的分辨率,需要布局的方式也不尽相同,因此为了更好的去适配设备的展示效果,我们在配置和开发时将配置的布局方式分为栅格布局、自由布局及流式布局。

# 栅格布局

以规则的网格阵列来指导和规范网页中的版面布局以及信息分布,将看板元素按照栅格化矩阵进行编排和大小设置,通过单元间的固定间距,保证元素的规矩排列,使看板的信息呈现更加美观易读,更具可用性。

文本框

# 常用布局

文本框

# 使用方式

# 3:6:3布局

中心放重点数据 如集团总览数据等,左右侧放一些明细数据,如公司的排行。

文本框

# 8:4布局

左侧凸显主要信息适合放一些周期性较长,数据维度较多的信息,右侧放一些数据维度精简的概况类信息。

文本框

# 均匀布局

多种并列信息的展示,如同类别的品类对比。

文本框

# 瀑布流布局

视觉表现多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部,多适用于移动报表。

文本框