掌握页面布局

坐标系和布局

双击流程图中的【帧】可以对该帧下所有直属窗口进行布局；右键选中窗口，点击菜单【布局】可以单独为本窗口布局。布局的坐标原点位于整个页面区域的左上角。

绝对尺寸布局 Demo

相对尺寸布局 Demo

【注意】使用CSS计算尺寸标准写法，如：calc(100% - 24px) ，符号中间需要有空格

【提示】若希望给每个页面与内容窗口之间设置统一的边距，可以在【全局配置-前端-主页设置-页面】设置【内边距】

水平垂直居中 Demo

使用选项卡容器 Demo

使用手风琴容器 Demo

【说明】 如果本窗口位于容器内，那么其跳转的目标窗口也会位于容器内部。

最后，推荐使用 enhancer-tabs 组件窗口，结合其他窗口设置显示条件，实现窗口切换效果，tab显示内容会更丰富，布局方式会更灵活：