微信小程序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 相关文章推荐
jquery链式操作的正确使用方法
Jan 06 Javascript
JS获取当前日期时间并定时刷新示例
Mar 04 Javascript
AngularJS入门教程之ng-class 指令用法
Aug 01 Javascript
AngularJS HTML DOM详解及示例代码
Aug 17 Javascript
angularJS Provider、factory、service详解及实例代码
Sep 21 Javascript
JavaScript判断浏览器及其版本信息
Jan 20 Javascript
JS及JQuery对Html内容编码,Html转义
Feb 17 Javascript
vue v-model表单控件绑定详解
May 17 Javascript
JQuery 封装 Ajax 常用方法(推荐)
May 21 jQuery
JS左右无缝轮播功能完整实例
May 16 Javascript
JavaScript仿京东轮播图效果
Feb 25 Javascript
5个实用的JavaScript新特性
Jun 16 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
星际争霸秘籍
2020/03/04 星际争霸
什么是调频(FM)、调幅(AM)、短波(SW)、长波(LW)
2021/03/01 无线电
PHP定时自动生成静态HTML的实现代码
2010/06/20 PHP
php中ftp_chdir与ftp_cdup函数用法
2014/11/18 PHP
Yii入门教程之目录结构、入口文件及路由设置
2014/11/25 PHP
基于jQueryUI和Corethink实现百度的搜索提示功能
2016/11/09 PHP
JS中剪贴板兼容性、判断复制成功或失败
2021/03/09 Javascript
Jquery选择器 $实现原理
2009/12/02 Javascript
2012年开发人员的16款新鲜的jquery插件体验分享
2012/12/28 Javascript
jquery修改属性值实例代码(设置属性值)
2014/01/06 Javascript
邮箱下拉自动填充选择示例代码附图
2014/04/03 Javascript
js获取指定字符前/后的字符串简单实例
2016/10/27 Javascript
Bootstrap整体框架之JavaScript插件架构
2016/12/15 Javascript
React组件的三种写法总结
2017/01/12 Javascript
Ajax异步获取html数据中包含js方法无效的解决方法
2017/02/20 Javascript
JS简单获取当前日期和农历日期的方法
2017/04/17 Javascript
vue 怎么创建组件及组件使用方法
2017/07/27 Javascript
webpack打包并将文件加载到指定的位置方法
2018/02/22 Javascript
boostrap模态框二次弹出清空原有内容的方法
2018/08/10 Javascript
快速了解Node中的Stream流是什么
2019/02/13 Javascript
postman自定义函数实现 时间函数的思路详解
2019/04/17 Javascript
VUE脚手架具体使用方法
2019/05/20 Javascript
详解vue 在移动端体验上的优化解决方案
2019/05/20 Javascript
python使用PyGame绘制图像并保存为图片文件的方法
2015/04/24 Python
Python实现八大排序算法
2016/08/13 Python
python XlsxWriter模块创建aexcel表格的实例讲解
2018/05/03 Python
Python Django基础二之URL路由系统
2019/07/18 Python
python利用tkinter实现屏保
2019/07/30 Python
Python+Django+MySQL实现基于Web版的增删改查的示例代码
2020/05/13 Python
Python连接mysql方法及常用参数
2020/09/01 Python
html5 canvas绘制放射性渐变色效果
2018/01/04 HTML / CSS
英国高档时尚男装购物网站:MR PORTER
2016/08/09 全球购物
Keds加拿大官网:购买帆布运动鞋和皮鞋
2019/09/26 全球购物
2014审计局领导班子民主生活会对照检查材料思想汇报
2014/09/20 职场文书
六年级学生期末评语
2014/12/26 职场文书
检讨书模板大全
2015/05/07 职场文书