页面跳转
在页面之间打开、返回。JSON 里也可写同名 action(navigate / redirect / switchTab / back),完整 action 列表与字段见 页面结构 · JSON action。底栏切 Tab 用 switchTab,在 配置 里写 bottomMenus。在当前页里复用一块 UI,见 自定义组件。
与 onTap 同时存在时,先调用 JS 再执行 action。
navigate
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)或入口中注册的 idparams:带到目标页,模板用{{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。从按钮跑任务见 执行脚本。
