微信小程序例子——使用loading组件显示载入动画

最新推荐文章于 2025-06-27 15:19:27 发布

原创最新推荐文章于 2025-06-27 15:19:27 发布 · 2.2w 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#Web前端 #前端开发 #互联网 #微信小程序 #编程语言

微信小程序开发例子同时被 2 个专栏收录

65 篇文章

订阅专栏

微信小程序开发例子【操作反馈与媒体组件】

7 篇文章

订阅专栏

本文介绍了一个简单的小程序示例，展示了如何实现加载中的Loading弹窗效果。通过编写index.wxml和index.js文件，可以轻松地在用户操作时显示和隐藏加载提示。此功能对于改善用户体验非常有用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、效果展示

2、关键代码

1、index.wxml


	加载中...

2、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、源代码获取方式

百度云链接：http://pan.baidu.com/s/1jIExB3g