微信小程序loading组件显示载入动画用法示例【附源码下载】
更新时间：2017年12月09日 09:00:14 作者：FutrueJet
这篇文章主要介绍了微信小程序loading组件显示载入动画用法,结合实例形式分析了loading组件显示载入动画的相关事件操作与属性设置技巧,并附带源码供读者下载参考,需要的朋友可以参考下
本文实例讲述了微信小程序loading组件显示载入动画用法。分享给大家供大家参考，具体如下：
1、效果展示
2、关键代码
① index.wxml
<loading hidden="{{loadingHidden}}">
加载中...
</loading>
<button type="default" bindtap="loadingTap">点击弹出loading</button>
② index.js
Page({
data: {
loadingHidden: true
},
loadingTap: function(){
this.setData({
loadingHidden: false
});
var that = this;
setTimeout(function(){
that.setData({
loadingHidden: true
});
that.update();
}, 3000);
}
})
3、源代码点击此处本站下载。
希望本文所述对大家微信小程序开发有所帮助。
相关文章
本文主要介绍了js处理层级数据结构的方法。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
这篇文章主要介绍了JS简单生成两个数字之间随机数的方法,涉及javascript数值运算的相关技巧,需要的朋友可以参考下2016-08-08
这篇文章主要介绍了js中数组结合字符串实现查找(屏蔽广告判断url等),需要的朋友可以参考下2016-03-03
这篇文章主要介绍了JS中ESModule和commonjs介绍及使用区别,文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的朋友可以参考一下2022-07-07
这篇文章主要介绍了JS实现的表格操作类,可实现针对表格的添加,删除,排序,上移,下移等操作,具有一定参考借鉴价值,需要的朋友可以参考下2015-12-12
Promise.all() 方法接收一个 promise 的 iterable 类型的输入，并且只返回一个Promise实例，并且输入的所有 promise 的 resolve 回调的结果是一个数组，对async/await实现Promise.all()相关知识感兴趣的朋友一起看看吧2022-12-12
JavaScript设置弹出式独立窗口页面和window的方法举例详解
window.open是网页中经常遇到的弹出窗口代码,不是网络中比较反感的那类弹出代码,下面这篇文章主要给大家介绍了关于JavaScript设置弹出式独立窗口页面和window的方法,需要的朋友可以参考下2024-01-01
这篇文章主要介绍了JavaScript实现向OL列表内动态添加LI元素的方法,实例分析了javascript操作html元素的技巧,需要的朋友可以参考下2015-03-03
在ES6中，引入了同步iteration的概念，随着ES8中的Async操作符的引用，是不是可以在一异步操作中进行遍历操作呢？今天要给大家讲一讲ES9中的异步遍历的新特性Async iteration。2021-06-06
JavaScript原生对象之String对象的属性和方法详解
这篇文章主要介绍了JavaScript原生对象之String对象的属性和方法详解,本文讲解了length、charAt()、charCodeAt()、concat()、indexOf()、lastIndexOf()等方法属性,需要的朋友可以参考下2015-03-03
最新评论