微信小程序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 相关文章推荐
Using the TextRange Object
Oct 14 Javascript
javascript之卸载鼠标事件的代码
May 14 Javascript
JQuery EasyUI 对话框的使用方法
Oct 24 Javascript
基于jQuery的动态增删改查表格信息,可左键/右键提示(原创自Zjmainstay)
Jul 31 Javascript
手机Web APP如何实现分享多平台功能
Aug 19 Javascript
Vue.js实现简单动态数据处理
Feb 13 Javascript
es6的数字处理的方法(5个)
Mar 16 Javascript
微信小程序开发之toast等弹框提示使用教程
Jun 08 Javascript
详解vue+webpack+express中间件接口使用
Jul 17 Javascript
React中如何引入Angular组件详解
Aug 09 Javascript
vue 自定义指令自动获取文本框焦点的方法
Aug 25 Javascript
jQuery实现的淡入淡出图片轮播效果示例
Aug 29 jQuery
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基础知识:函数基础知识
2006/12/13 PHP
php5数字型字符串加解密代码
2008/04/24 PHP
一步一步学习PHP(1) php开发环境配置
2010/02/15 PHP
PHP获取表单textarea数据中的换行问题
2010/09/10 PHP
php mysql_real_escape_string addslashes及mysql绑定参数防SQL注入攻击
2016/12/23 PHP
PHP中for循环与foreach的区别
2017/03/06 PHP
php curl简单采集图片生成base64编码(并附curl函数参数说明)
2019/02/15 PHP
PHP单元测试配置与使用方法详解
2019/12/27 PHP
基于jquery的兼容各种浏览器的iframe自适应高度的脚本
2010/08/13 Javascript
Tab页界面 用jQuery及Ajax技术实现(php后台)
2011/10/12 Javascript
中国地区三级联动下拉菜单效果分析
2012/11/15 Javascript
JavaScript的继承的封装介绍
2013/10/15 Javascript
node.js中的events.emitter.removeListener方法使用说明
2014/12/10 Javascript
函数window.open实现关闭所有的子窗口
2015/08/03 Javascript
js获取及修改网页背景色和字体色的方法
2015/12/29 Javascript
微信小程序 购物车简单实例
2016/10/24 Javascript
Vue 2.X的状态管理vuex记录详解
2017/03/23 Javascript
webpack项目调试以及独立打包配置文件的方法
2018/02/28 Javascript
vue2.0页面前进刷新回退不刷新的实现方法
2018/07/31 Javascript
JS实现滑动插件
2020/01/15 Javascript
Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)
2020/04/27 Javascript
Python批量创建迅雷任务及创建多个文件
2016/02/13 Python
Python科学画图代码分享
2017/11/29 Python
Python实现扣除个人税后的工资计算器示例
2018/03/26 Python
python线程中同步锁详解
2018/04/27 Python
Python统计纯文本文件中英文单词出现个数的方法总结【测试可用】
2018/07/25 Python
python实现逻辑回归的示例
2020/10/09 Python
德国自行车商店:Tretwerk
2019/06/21 全球购物
Hurley官方网站:扎根于海滩生活方式的全球青年文化品牌
2020/05/18 全球购物
影视后期实训报告
2014/11/05 职场文书
2014年标准化工作总结
2014/12/17 职场文书
2014年小学辅导员工作总结
2014/12/23 职场文书
工作年限证明范本
2015/06/15 职场文书
道士塔读书笔记
2015/06/30 职场文书
国际贸易实训总结
2015/08/03 职场文书
教你用python实现一个无界面的小型图书管理系统
2021/05/21 Python