面板设置篇—分列式面板的排版
在实际的管理看板业务场景里,有很多将面板分成多列展示组件的情况,这样主要可以保证组件纵向是对齐的,如下图:
列宽按百分比来设置,使用百分比有利于兼容各种分辨率,如上图的三列分别是30%、40%、30%。
在分列式中组件宽动态改成其放置列的宽度,调整宽度也是整列统一调整,无需单独调整该列下各个组件的宽度了。
组件放置在列内时,将自动按顺序从上向下排列,无需更多操作。
分列式操作步骤如下:
1、设置列数
2、设置每列的宽度,可手动设置百分比,也可拖动列分割线直观设置
3、添加组件,见《添加组件》部分
4、自由拖放组件的位置,在哪一列,或在列的哪个位置;可拉拽组件调整组件高度