更新记录
1.0.0(2025-12-12)
下载此版本
- 首次发布:支持全局 show/hide/withLoading 调用
- 内置 loading.gif,无需用户手动放置资源
- 自动处理并发请求,防止 loading 提前关闭
- 兼容 H5、App、微信小程序等所有 uni-app 平台
平台兼容性
uni-app(3.6.15)
| Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
| √ |
√ |
- |
- |
- |
- |
- |
- |
- |
| 微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
| √ |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
全局 Loading 插件(GIF 版)
适用于 uni-app 的轻量级全局 loading 插件,基于 GIF 动图,支持所有平台(H5 / App / 微信小程序等)。
✨ 特性
- ✅ 安装即用,无需每个页面引入组件
- ✅ 自动处理并发请求(多次 show 不会提前关闭)
- ✅ 插件自带 GIF 资源,用户无需手动放置
- ✅ 一行代码调用:
loading.show() / loading.hide()
📥 安装
- 在 HBuilderX 中打开项目
- 右键
uni_modules → 从插件市场导入
- 搜索 “全局Loading” 并安装
🚀 使用步骤
步骤 1:在 App.vue 中注册全局组件
<!-- App.vue -->
<template>
<view>
<slot></slot>
<!-- 全局 loading 覆盖层 -->
<loading-global />
</view>
</template>
<script>
import loadingGlobal from '@/uni_modules/loading-global/components/loading.vue'
export default {
components: {
loadingGlobal
}
}
</script>