微信小程序loading组件显示载入动画用法示例【附源码下载】


Posted in Javascript onDecember 09, 2017

本文实例讲述了微信小程序loading组件显示载入动画用法。分享给大家供大家参考,具体如下:

1、效果展示

微信小程序loading组件显示载入动画用法示例【附源码下载】

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、源代码点击此处本站下载

希望本文所述对大家微信小程序开发有所帮助。

Javascript 相关文章推荐
Javascript string 扩展库代码
Apr 09 Javascript
使用ExtJS技术实现的拖动树结点
Aug 05 Javascript
Javascript的getYear、getFullYear、getUTCFullYear异同分享
Nov 30 Javascript
AngularJS基础学习笔记之控制器
May 10 Javascript
JavaScript中的return语句简单介绍
Dec 07 Javascript
js 获取经纬度的实现方法
Jun 20 Javascript
JavaScript基础重点(必看)
Jul 09 Javascript
AngularJS过滤器filter用法分析
Dec 11 Javascript
原生JS获取元素集合的子元素宽度实例
Dec 14 Javascript
JS实现碰撞检测的方法分析
Jan 19 Javascript
如何使用proxy实现一个简单完整的MVVM库的示例代码
Sep 17 Javascript
小程序实现日历左右滑动效果
Oct 21 Javascript
Angular中点击li标签实现更改颜色的核心代码
Dec 08 #Javascript
Javascript中的作用域及块级作用域
Dec 08 #Javascript
Vue中自定义全局组件的实现方法
Dec 08 #Javascript
Vue中的Vux配置指南
Dec 08 #Javascript
利用10行js代码实现上下滚动公告效果
Dec 08 #Javascript
vue axios 二次封装的示例代码
Dec 08 #Javascript
微信小程序使用audio组件播放音乐功能示例【附源码下载】
Dec 08 #Javascript
You might like
自己动手做一个SQL解释器
2006/10/09 PHP
php4的session功能评述(一)
2006/10/09 PHP
PHP数字格式化
2006/12/06 PHP
jquery 全局AJAX事件使用代码
2010/11/05 Javascript
JQuery 自定义CircleAnimation,Animate方法学习笔记
2011/07/10 Javascript
利用jQuery实现可输入搜索文字的下拉框
2013/10/23 Javascript
js控制容器隐藏出现防止样式变化的两种方法
2014/04/25 Javascript
javascript二维数组转置实例
2015/01/22 Javascript
jQuery实现平滑滚动到指定锚点的方法
2015/03/20 Javascript
原生js结合html5制作简易的双色子游戏
2015/03/30 Javascript
对JavaScript的全文搜索实现相关度评分的功能的方法
2015/06/24 Javascript
EXT中单击button按钮grid添加一行(光标位置可设置)的实例代码
2016/06/02 Javascript
JavaScript Promise 用法
2016/06/14 Javascript
利用jquery正则表达式在页面验证url网址输入是否正确
2017/04/04 jQuery
Vue.js框架路由使用方法实例详解
2017/08/25 Javascript
JS小球抛物线轨迹运动的两种实现方法详解
2017/12/20 Javascript
angular中如何绑定iframe中src的方法
2019/02/01 Javascript
Vue.js 实现地址管理页面思路详解(地址添加、编辑、删除和设置默认地址)
2019/12/11 Javascript
Vue父子组件传值的一些坑
2020/09/16 Javascript
Python中的异常处理简明介绍
2015/04/13 Python
浅谈django model postgres的json字段编码问题
2018/01/05 Python
python入门:这篇文章带你直接学会python
2018/09/14 Python
python钉钉机器人运维脚本监控实例
2019/02/20 Python
应用OpenCV和Python进行SIFT算法的实现详解
2019/08/21 Python
keras model.fit 解决validation_spilt=num 的问题
2020/06/19 Python
HTML5中微数据概述及在搜索引擎中的使用举例
2013/02/07 HTML / CSS
乐高瑞士官方商店:LEGO CH
2020/08/16 全球购物
保密普查工作实施方案
2014/02/25 职场文书
农民工工资支付承诺函
2014/03/31 职场文书
2014年师德师风学习材料
2014/05/16 职场文书
保护水资源的标语
2014/06/17 职场文书
党员“四风”方面存在问题及整改措施
2014/09/24 职场文书
2014年管理人员工作总结
2014/12/01 职场文书
民事诉讼答辩状范文
2015/05/21 职场文书
纪委立案决定书
2015/06/24 职场文书
元宵节晚会主持词
2015/07/01 职场文书