加载动画

public/EPS_Yzpq/index.html

@@ -160,6 +160,13 @@
       // console.log('显隐',val);
       unityInstanceA.SendMessage("Manager", "Unity_Transparence", val + '');
     }
+    // console.log(window.parent.loadding,'xxxxxx');
+    function loadding(){
+      // console.log(window.parent.loadFin);
+      // 加载完成显示三维场景
+      window.parent.loadFin()
+    }
+    // loadding()
   </script>
 </body>
 

src/App.vue

@@ -2,7 +2,7 @@
   <div id="app">
     <!-- unity3D -->
     <iframe id="iframe" ref="dome" width="100%" height="100%" src="EPS_Yzpq/index.html" frameborder="0"></iframe>
-    <div class="load">
+    <div class="load" v-show="loadShow==true">
       <div class="loadding"></div>
     </div>
     <!-- 头部 -->
@@ -114,6 +114,8 @@ export default {
       index: null,
 
       navLiState: false,
+
+      loadShow:true,
     };
   },
   created() {
@@ -125,8 +127,15 @@ export default {
 
     // window.parent.shelvesList = this.shelfHanlder
   },
+  mounted(){
+    window.loadFin = this.load
+    // console.log(window.loadding,'执行方法');
+    // this.load()
+  },
   methods: {
-    
+    load(){
+        this.loadShow = false
+    },
     shelfHanlder(e) {
       //  console.log();
       // e.currentTarget.parentElement.parentElement.style.display = "none";
@@ -261,7 +270,7 @@ html {
     width: 100%;
     height: 100%;
     // z-index: 0;
-    display: none;
+    // display: none;
     background-color: rgba(0, 0, 0, 1);
 
     .loadding {