这篇文章主要介绍了微信小程序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、源代码点击此处本站下载。
希望本文所述对大家微信小程序开发有所帮助。
到此这篇关于微信小程序loading组件显示载入动画用法示例【附源码下载】就介绍到这了。跟别人过不去就是跟自己过不去更多相关微信小程序loading组件显示载入动画用法示例【附源码下载】内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!