优化模型加载

src/views/vent/home/configurable/components/three3D.vue

@@ -1,6 +1,7 @@
 <!-- eslint-disable vue/multi-word-component-names -->
 <template>
-  <div id="three3D"></div>
+  <a-spin class="spin" :spinning="spinning" tip="正在加载，请稍等..." />
+  <div id="three3D"> </div>
 </template>
 <script lang="ts" setup>
   import { ref, watch, onMounted, onUnmounted } from 'vue';
@@ -12,6 +13,8 @@
     modalName: string;
   }>();
 
+  const spinning = ref(true);
+
   let modal, modalGroup;
 
   const mouseEvent = () => {
@@ -78,6 +81,7 @@
         // this.setThreePlane();
         // this.setControls();
         resolve(null);
+        spinning.value = false;
       });
     });
   };
@@ -128,4 +132,11 @@
     left: 0;
     z-index: 0;
   }
+  .spin {
+    width: 100%;
+    position: absolute;
+    top: 50%;
+    left: 0;
+    z-index: 0;
+  }
 </style>