导航设置

前提条件

• 仅当创建的应用平台为桌面（web）应用时，才显示此页签。

• 已创建页面，具体操作请参见添加页面。

操作步骤

1. 登录魔笔。

2. 在顶部菜单栏选择应用管理，在右上角搜索框中输入目标应用，例如TEST。

3. 在指定的应用卡片中单击进入设计器，进入应用开发页面（Mobi Studio）。

4. 在左侧功能区单击，展开页面管理右侧栏。

5. 选择导航页签，展开导航结构下拉框。

6. 单击添加导航组。

7. 在弹出的添加导航组对话框中，输入导航组名称。导航组即一级菜单。

8. 单击确定，在导航列表中显示创建的导航组时，导航组创建成功。

9. 单击添加导航项。

10. 在添加导航项页面，输入导航项名称、跳转至页面或链接。导航项即二级菜单。

11. 单击确定。

    根据实际情况，可将创建的导航项拖动至导航组下方，如下图所示。

    说明

    • 导航层级不超过五级。

    • 导航仅对 PC 页面生效，不可选择 H5 页面。

    

导航设置完毕后，与页面组件的导航类组件联动，如下图所示。