1、loading加载提示
index.wxml:
loading也是通过hidden属性控制显示,这样使用起来并没有js.alert方便。要在每个页面里定义一下,还要控制显示的文本。
index.js:
在js代码中,用到了setTimeout,在1500毫秒之后自动设置hidden为true,隐藏加载提示。
在loading内也可以放其它view控件,但效果并不好看:
2,navigator页面导航
index.wxml:
url代表去向,title是url param参数,自定义的名称。hover-class是单击时的样式,默认:
{background-color: rgba(0, 0, 0, 0.1); opacity: 0.7;}
redirect代替直接替换当前页,这种方式看不到back按钮。所有布尔值属性,只需要写值。
page1.wxml:
page1.js:
options正是页面跳转时传递过来的url params参数。page2与page1类似。
这时候如果运行测试,发现不对,title并没有传递过来?why?
需要在app.json中添加新页面:
运行效果: