导航设置

更新时间: 2023-10-11 11:22:16

导航设置是将搭建的页面按照一定的导航结构组织起来,形成应用菜单。

前提条件

  • 仅当创建的应用平台为桌面(web)应用时,才显示此页签。

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

操作步骤

  1. 登录魔笔

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

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

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

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

  6. 单击添加导航组

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

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

  9. 单击添加导航项

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

  11. 单击确定

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

    说明
    • 导航层级不超过五级。

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

    image

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

上一篇: 页面交互 下一篇: 主题设置