微信小程序loading组件显示载入动画用法示例【附源码下载】
2017-12-09 09:00
936 查看
本文实例讲述了微信小程序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、源代码点击此处本站下载。
希望本文所述对大家微信小程序开发有所帮助。
您可能感兴趣的文章:
相关文章推荐
- 微信小程序picker组件简单用法示例【附demo源码下载】
- 微信小程序例子——使用loading组件显示载入动画
- 微信小程序swiper组件用法实例分析【附源码下载】
- 微信小程序使用progress组件实现显示进度功能【附源码下载】
- 微信小程序使用video组件播放视频功能示例【附源码下载】
- 微信小程序使用audio组件播放音乐功能示例【附源码下载】
- 微信小程序使用image组件显示图片的方法【附源码下载】
- 微信小程序使用checkbox显示多项选择框功能【附源码下载】
- 微信小程序使用radio显示单选项功能【附源码下载】
- Android开发高级组件之自动完成文本框(AutoCompleteTextView)用法示例【附源码下载】
- 微信小程使用swiper组件实现图片轮播切换显示功能【附源码下载】
- 微信小程序使用slider设置数据值及switch开关组件功能【附源码下载】
- 微信小程序使用input组件实现密码框功能【附源码下载】
- 微信小程序实现点击按钮移动view标签的位置功能示例【附demo源码下载】
- 微信小程序实现的涂鸦功能示例【附源码下载】
- 微信小程序显示下拉列表功能【附源码下载】
- 微信小程序实现点击按钮修改view标签背景颜色功能示例【附demo源码下载】
- 微信小程序实例源码大全下载
- [前端代码] 3月2日更新-近期200+热门微信小程序demo源码下载汇总
- 微信小程序开发之文件上传下载应用场景(附Demo源码)