微信小程序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 相关文章推荐
转一个日期输入控件,支持FF
Apr 27 Javascript
JavaScript 定义function的三种方式小结
Oct 16 Javascript
js动态修改表格行colspan列跨度的方法
Mar 30 Javascript
js/jq仿window文件夹框选操作插件
Mar 08 Javascript
利用Vue.js+Node.js+MongoDB实现一个博客系统(附源码)
Apr 24 Javascript
vue的Virtual Dom实现snabbdom解密
May 03 Javascript
VS Code转换大小写、修改选中文字或代码颜色的方法
Dec 15 Javascript
Js面试算法详解
Apr 08 Javascript
layui表格 列自动适应大小失效的解决方法
Sep 06 Javascript
Echarts实现多条折线可拖拽效果
Dec 19 Javascript
Vue 实现显示/隐藏层的思路(加全局点击事件)
Dec 31 Javascript
JS数据类型判断的几种常用方法
Jul 07 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
PHP脚本的10个技巧(2)
2006/10/09 PHP
特详细的PHPMYADMIN简明安装教程
2008/08/01 PHP
深入学习微信网址链接解封的防封原理visit_type
2019/08/15 PHP
让您的菜单不离网站
2006/10/03 Javascript
Javascript解决常见浏览器兼容问题的12种方法
2010/01/04 Javascript
textarea中的手动换行处理的jquery代码
2011/02/26 Javascript
Extjs单独定义各组件的实例代码
2013/06/25 Javascript
JS小功能(setInterval实现图片效果显示时间)实例代码
2013/11/28 Javascript
JS比较2个日期间隔的示例代码
2014/04/15 Javascript
JQuery控制Radio选中方法分析
2015/05/29 Javascript
JS+CSS实现TreeMenu二级树形菜单完整实例
2015/09/18 Javascript
JavaScript继承模式粗探
2016/01/12 Javascript
全面解析Bootstrap表单样式的使用
2016/09/09 Javascript
JavaScript数据结构中串的表示与应用实例
2017/04/12 Javascript
详解Angular 4.x NgIf 的用法
2017/05/22 Javascript
详解从angular-cli:1.0.0-beta.28.3升级到@angular/cli:1.0.0
2017/05/22 Javascript
JS代码优化的8点建议
2020/02/04 Javascript
webpack安装配置与常见使用过程详解(结合vue)
2020/06/01 Javascript
详解js中的几种常用设计模式
2020/07/16 Javascript
[00:52]黑暗之门更新 新英雄孽主驾临DOTA2
2016/08/24 DOTA
在Python中使用base64模块处理字符编码的教程
2015/04/28 Python
python获取当前运行函数名称的方法实例代码
2017/04/06 Python
selenium+python自动化测试环境搭建步骤
2019/06/03 Python
Python如何使用内置库matplotlib绘制折线图
2020/02/24 Python
Python短信轰炸的代码
2020/03/25 Python
PyTorch中的C++扩展实现
2020/04/02 Python
5分钟让你掌握css3阴影、倒影、渐变小技巧(小编推荐)
2016/08/15 HTML / CSS
HTML5 Canvas 实现K线图的示例代码
2019/12/23 HTML / CSS
文明班级申报材料
2014/12/24 职场文书
优秀党支部申报材料
2014/12/24 职场文书
综合素质评价思想道德自我评价
2015/03/09 职场文书
2015年个人招商工作总结
2015/04/25 职场文书
首席执行官观后感
2015/06/03 职场文书
2016年寒假家长评语
2015/10/10 职场文书
评估“风险”创业计划的几大要点
2019/08/12 职场文书
简单聊聊Vue中的计算属性和属性侦听
2021/10/05 Vue.js