一、介绍
应用中支持设计全局布局模板供页面使用。
二、进入布局设计
应用编辑器左上角进入布局设计,该模式下可设计通用布局模板供页面使用。
三、搭建布局模板
我的布局中默认提供五套布局模板,分别为:顶部导航布局、左侧导航布局、厂字导航布局、Tab栏导航布局和导航栏布局。用户可基于已有布局设计,或新建自定义布局。
注意:
四、页面应用布局模板
布局模板支持可视化应用到页面,两种应用方式分别如下:
五、页面属性-页面布局
选中左侧大纲树的页面根节点,即可在右侧属性面板中看到页面布局配置入口,如下所示:
六、新建页面-页面布局
单击应用编辑器左上角新建页面,即可在新建页面弹窗中看到页面布局配置入口,如下所示:
注意:说明:
注意:
七、顶部布局导航的应用实践
1. 新建三个页面分别是空白页1、空白页2、空白页3。
2. 在空白页1中设置页面布局导航为顶部导航布局。
3. 切换到布局设计模式。
4. 设置菜单栏页面跳转。
5. 空白页2、空白页3重复空白页1的操作,使菜单二对应空白页2,菜单三对应空白页3。
6. 顶部布局导航效果预览。
6.1 单击菜单一。
6.2 单击菜单二。
6.3 单击菜单三。
注意:说明:
注意:Tab 栏组件固定到页面底部以及其它导航布局实践请参见 导航组件文档。