当前位置：首页 > 资讯 > 技术文档

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

时间：2022-02-27 05:25 编辑：来源：阅读：
扫一扫，手机访问

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

本文实例讲述了微信小程序loading组件显示载入动画用法。分享给大家供大家参考，具体如下： [b]1、效果展示[/b] [img]http://files.jb51.net/file_images/article/201712/201712991612316.gif?201711991638[/img] [b]2、关键代码[/b] ① 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);
  }
})

[b]3、源代码[/b]点击此处[url=http://xiazai.jb51.net/201712/yuanma/wxapp_loading(jb51.net).rar][b]本站下载[/b][/url]。希望本文所述对大家微信小程序开发有所帮助。

全部评论(0)

上一篇：微信小程序使用image组件显示图片的方法【附源码下载】
下一篇：微信小程序实现锚点定位楼层跳跃的实例

资讯排行榜
更多>>