Skip to content

页面跳转 ​

在页面之间打开、返回。JSON 里也可写同名 action(navigate / redirect / switchTab / back),完整 action 列表与字段见 页面结构 · JSON action。底栏切 Tab 用 switchTab,在 配置 里写 bottomMenus。在当前页里复用一块 UI,见 自定义组件。

与 onTap 同时存在时,先调用 JS 再执行 action。

json
{
  "type": "button",
  "text": "打开详情",
  "action": {
    "type": "navigate",
    "page": "detail",
    "params": {
      "id": "{{item.id}}",
      "from": "stats"
    }
  }
}
javascript
this.navigate({ page: 'detail', params: { id: 1 } });
this.navigate('detail');
  • page:目标页文件夹(如 pages/detail)或入口中注册的 id
  • params:带到目标页,模板用 {{params.id}},onLoad(params) 也可读取

每次 navigate 打开新页面。底部 Tab 根页上的 back 不会退出应用。

redirect / switchTab / back ​

javascript
this.redirect({ page: 'detail', params: { id: 2 } });
this.switchTab('home');
this.switchTab({ page: 'pages/home' });
this.back();

JSON 同样写 "type": "redirect" / "switchTab" / "back"。

  • redirect:先打开目标页,再关掉当前二级页。从底栏根页调用时等同 navigate,不会退出应用。
  • switchTab:只切 bottomMenus 里的项。切走的 Tab 只 onHide,数据和滚动保留;再点回来只 onShow。当前若在二级页,会先关掉二级页。
  • back:只 finish 二级页(PageActivity)。

底部菜单 ​

在 配置 中设置。每一项的 page 指向一个页面。未配置则无底栏,启动后显示 homePage。页面里改角标、隐藏某一项、改颜色,见 底部菜单。

标题、滚动、弹层、加载圈、toast / save / openUrl 等见 页面事件。确认框用全局 Dialogs。从按钮跑任务见 执行脚本。