前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >微信小程序分享16:loading与navigator

微信小程序分享16:loading与navigator

作者头像
LIYI
发布2022-03-08 11:51:14
3070
发布2022-03-08 11:51:14
举报
文章被收录于专栏:艺述论专栏艺述论专栏

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中添加新页面:

运行效果:

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2016-10-13,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 艺述论 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档