合并人才集团代码

utilsRc/plugins/loadingPlugin.js

@@ -0,0 +1,50 @@
+import ULoadingPage from 'uview-ui/components/u-loading-page/u-loading-page'; // 确保正确引入组件
+
+export default {
+  install(Vue) {
+    // 注册 u-loading-page 组件为全局组件
+    Vue.component('u-loading-page', ULoadingPage);
+
+    // 用于存储全局的 loading 组件实例
+    let loadingInstance = null;
+
+    // 创建一个全局的显示 loading 的方法
+    Vue.prototype.$showLoading = function () {
+      // 如果没有创建过实例，则创建一个
+      if (!loadingInstance) {
+        const LoadingConstructor = Vue.extend({
+          data() {
+            return {
+              loading: true, // 控制 loading 显示的状态
+            };
+          },
+          render(h) {
+            return h('u-loading-page', {
+              props: {
+                loading: this.loading,
+                loadingText: '',
+                loadingColor: "#000",
+                iconSize: '58rpx',
+              },
+              style: {
+                zIndex: '200',
+                opacity: 0.7
+              }
+            });
+          }
+        });
+        loadingInstance = new LoadingConstructor();
+        loadingInstance.$mount(); // 手动挂载实例
+        document.body.appendChild(loadingInstance.$el); // 将组件挂载到 body
+      }
+      loadingInstance.loading = true; // 显示 loading
+    };
+
+    // 创建一个全局的隐藏 loading 的方法
+    Vue.prototype.$hideLoading = function () {
+      if (loadingInstance) {
+        loadingInstance.loading = false; // 隐藏 loading
+      }
+    };
+  },
+};