微信小程序wx.showLoading()阻止屏幕滑动

最新推荐文章于 2025-10-09 13:12:50 发布

原创最新推荐文章于 2025-10-09 13:12:50 发布 · 1.3w 阅读

2 ·

CC 4.0 BY-SA版权

小程序专栏收录该内容

55 篇文章

订阅专栏

本文详细介绍了小程序中使用wx.showLoading方法加载图标的过程，包括如何显示和隐藏加载图标，以及如何通过设置mask参数来防止屏幕穿透，确保用户体验。

小程序，加载图标wx.showLoading

wx.showLoading({
  title:'加载中',                             
  mask:true                                    
})
//mask是防止屏幕穿透的，默认是false，所以想要拦截屏幕滑动事件，就一定要记得写这一行

 wx.hideLoading();
//想要消失就这么写

参照了大佬的教程，链接如下https://blog.youkuaiyun.com/Builder_Taoge/article/details/80514705

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Hero_rong

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

微信小程序显示进度条showLoading，关闭进度条hideLoading，消息提示showToast，弹出窗showModal

gdgztt的专栏

12-15

762

微信小程序显示进度条showLoading，关闭进度条hideLoading，消息提示showToast，弹出窗showModal

微信小程序--API

2301_80646752的博客

03-14

1093

异步API：通常接受一个object类型参数例如 wx:request({})同步API：约定以Sync结尾例如 wx:setStorageSync()事件监听API：约定以on开头例如 wx:onAppHide()

参与评论您还未登录，请先登录后发表或查看评论

【小程序】wx.showLoading()、wx.getUserInfo()

Milk~每天分享一点点，技术进步一点点

08-25

3276

wx.showLoading(Object object) 显示 loading 提示框。需主动调用 wx.hideLoading才能关闭提示框参数 Object object （红色框为常用）代码示例 wx.showLoading({ title: '加载中', mask: true }) setTimeout(function () { wx.hideLoading() }, 2000) 效果注意 wx.showLoading和wx.showToast同时只能显示

轻量级JavaScript加载指示插件Showloading分享

weixin_36382073的博客

10-09

927

return {text: '加载中...',animation: 'fade', // 可选: spinner, pulse, fade通过支持 CSS 主题扩展：});为了契合企业视觉识别系统（VIS），Showloading 支持深度定制。

关于微信小程序wx.showloading（）的使用

最新发布

10-25

</think>### 关闭微信小程序`wx.showLoading`弹窗的方法在微信小程序中，关闭`wx.showLoading`加载弹窗主要有两种方法： 1. **直接调用`wx.hideLoading()`** 这是最常用的关闭方式，适用于需要手动控制关闭时机...

电影日历-微信小程序源码.zip

06-19

例如，使用`wx.showLoading()`和`wx.hideLoading()`来显示加载提示，或者利用微信小程序的预加载机制。综上所述，电影日历微信小程序源码不仅是一套实用的应用实例，也是学习微信小程序开发的好材料。通过研究源码...

精选资源

微信小程序-图片展示（完整带后台）小程序源码

06-17

在微信小程序中，可以使用wx.request API从服务器获取图片数据，再用wx.showLoading和wx.hideLoading控制加载状态，wx.setNavigationBarTitle动态设置导航栏标题，以及wx.getImageInfo来获取图片大小和裁剪图片等。...

微信小程序：13.页面事件

饭一口口吃的博客

04-26

863

微信小程序页面事件是用户与小程序交互的桥梁，它能够将用户的操作行为如点击、滑动等传递给逻辑层，进而触发相应的处理逻辑。这些事件极大地丰富了小程序的功能，提升了用户体验。

微信小程序showModal与showLoading配合使用

欢愉码农的博客

03-13

709

showModal与showLoading实现效果功能：显示模态对话框功能：显示 loading 提示框。需主动调用 wx.hideLoading 才能关闭提示框代码解析：

微信小程序开发系列（二十九）·界面交互API·loading 提示框、showModal模态对话框、showToast消息提示框

时光の尘的博客

03-13

4628

小程序提供了一些用于界面交互的 API，例如：loading 提示框、消息提示框、模态对话框等 API。

微信小程序弹窗提示：wx.showToast、wx.showModal、wx.showLoading的使用场景与实现

个人博客

04-13

1万+

1、wx.showToast 使用场景：常规的提示，没有确定和取消按钮。例：属性： title：提示的内容 icon：显示的图标，合法值有success、error、loading、none image：自定义图标的本地路径，优先级高于icon duration：提示的延迟时间 mask：是否显示透明蒙层，防止触摸穿透 success：API调用成功后的回调函数 fail：API调用失败后的回调函数 complete：API调用结束的回调函数（无论成功与否都会执行）实现：

微信小程序swiper禁止用户滑动

qinnzheng

11-23

7037

小程序swiper

微信小程序 showLoading()和hideLoading()的使用

Ahua_Core的博客

02-06

1万+

微信小程序 showLoading()和hideLoading()的使用问题描述在做微信小程序的一个项目开发时，发现一个页面通过request请求数据，需要比较长的时间。这里比较长的时间是说，在数据下载完成之前，页面的其它地方已经渲染出来，而需要数据的那一部分却是一片空白。如果这个区域有一段时间是空白的，那么将影响用户的使用体验。（毕竟谁也不愿意打开一个页面，却要看一阵子的空白）需求描述在数据请求下载完成之前，增加一个“加载中”的提示，当下载完毕后，渲染出数据。 API使用通过调用showLoad

微信小程序开发学习笔记——4.2showModal和showLoading界面交互操作

Qy_cm的博客

03-19

4636

>跟着b站up主“咸虾米_”学习中，把学习记录存到这方便后续查找。

微信小程序在加载中时如何显示提示框？

fangqi20170515的博客

07-15

1940

链接: 微信小程序文档wx.showLoading 显示 loading 提示框。需主动调用 wx.hideLoading 才能关闭提示框在请求数据前使用使用wx.hideLoading()隐藏loading状态数据请求成功后使用有可能数据请求很快，看不出来加载动画，可以配合定时器的使用。...

微信小程序showLoading()

打不死的小五

03-15

5694

wx.showToast()和wx.showLoading