小程序 如何制作页面跳转加载动画?

小程序 如何制作页面跳转加载动画?,第1张

跳转的方法写成函数,然后函数执行第一行就调用这个 loading 状态为 true 然后写跳转的地址 跳转地址侍源后面改变这个 loading 状态为false

比如:

onClick(){

this.loading = true

window.location.href = 'www.baidu.com'

this.loading = false

}

其实这里的这个加载状态一直都是在页面上有写上去的 只是隐藏掉老轮态了桐卖 然后通过方法触发它就可以了的 希望能帮到你 我不是做小程序的 所以我并不清楚代码如何实现 只是有一点思路而已

1、首先打开小程序开发工具新建一个小程序。

2、接着编写wxml中的倒计时页面样式,如下图所示

3、然后定义倒计时需要用到的变量,如下图所示,其中结蔽拆束时间大多数都是从后台获取的。

4、接着编写倒计时函数,如下图所示,这羡键里主要用到了定时器的功能,如下图所示。

5、接下来在需要调用的地方调用倒计时函数即可,一般都是在结束时间获得以后调用。

6、最后就可以看到页面中出宏派枣现了倒计时效果了,如下图所示。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/12367002.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-24
下一篇 2023-05-24

发表评论

登录后才能评论

评论列表(0条)

保存