dianyang
/
colmo-h5
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

fiex

[baozhangchao] 3 years ago
parent
ed94471cfb
commit
0d456a6836
2 changed files with 29 additions and 11 deletions
Unified View Show Diff Stats
  1. 24
    9
      public/index.html
  2. 5
    2
      src/utils/initial.js

+ 24
- 9
public/index.html View File

9 
   <!-- <script src="./vconsole.min.js"></script>
 9 
   <!-- <script src="./vconsole.min.js"></script>
10 
   <script>const vConsole = new VConsole();</script> -->
 10 
   <script>const vConsole = new VConsole();</script> -->
11 
   <style>
 11 
   <style>
12 
-    .page-loading-wrapper {
12 
+    .boxZoom {
13 
       position: absolute;
 13 
       position: absolute;
14 
       left: 0;
 14 
       left: 0;
15 
       top: 0;
 15 
       top: 0;
16 
+      width: 100vw;
17 
+      height: 100vh;
18 
+      overflow: hidden;
19 
+      z-index: 9999;
20 
+      /* background: url(./images/loadingBgc.jpg) no-repeat 100% 100%; */
21 
+      display: flex;
22 
+      background-color: #000;
23 
+      /* display: none; */
24 
+      justify-content: center;
25 
+      align-items: center;
26 
+    }
27 
+
28 
+    .page-loading-wrapper {
29 
+      position: absolute;
30 
+
16 
       animation: loadingrotate 1s linear 0s alternate forwards;
 31 
       animation: loadingrotate 1s linear 0s alternate forwards;
17 
       width: 0px;
 32 
       width: 0px;
18 
       overflow: hidden;
 33 
       overflow: hidden;
19 
-      top: 36vh;
20 
       left: 30vw;
 34 
       left: 30vw;
21 
     }
 35 
     }
22
36
23 
     .page-loading {
 37 
     .page-loading {
24 
-
25 
-      overflow: hidden;
26 
       width: 40vw;
 38 
       width: 40vw;
27 
-      overflow: hidden;
28
39
29 
     }
 40 
     }
30
41
53 
 </head>
 64 
 </head>
54
65
55 
 <body>
 66 
 <body>
56 
-  <div class="page-loading-wrapper">
57 
-    <div class="page-loading ">
58 
-      <img class="loadingImag" src="./images/Loading1.png" width="100%" alt="">
67 
+  <div class="boxZoom">
59
68
60 
-    </div>
69 
+    <div class="page-loading-wrapper">
70 
+      <div class="page-loading ">
71 
+        <img class="loadingImag" src="./images/Loading1.png" width="100%" alt="">
61
72
73 
+      </div>
74 
+
75 
+    </div>
62 
   </div>
 76 
   </div>
77 
+
63 
   <div id="app"></div>
 78 
   <div id="app"></div>
64 
   <!-- built files will be auto injected -->
 79 
   <!-- built files will be auto injected -->
65 
 </body>
 80 
 </body>

+ 5
- 2
src/utils/initial.js View File

70 
     console.log(2);
 70 
     console.log(2);
71
71
72 
     if (isLoaded) {
 72 
     if (isLoaded) {
73 
+      console.log(isLoaded);
74 
+
73 
       hideLoading()
 75 
       hideLoading()
74 
     } else {
 76 
     } else {
77 
+      console.log('isLoaded=true');
75
78
76 
       isLoaded = true
 79 
       isLoaded = true
77 
     }
 80 
     }
108 
       console.error(error)
 111 
       console.error(error)
109 
     }
 112 
     }
110 
     if (isLoaded) {
 113 
     if (isLoaded) {
111 
-      console.log(4, isLoaded);
114 
+      console.log('hideLoading', isLoaded);
112 
       hideLoading()
 115 
       hideLoading()
113
116
114
117
135 
 }
 138 
 }
136
139
137 
 function hideLoading () {
 140 
 function hideLoading () {
138 
-  document.getElementsByClassName('page-loading-wrapper')[0].style = "display: none"
141 
+  document.getElementsByClassName('boxZoom')[0].style = "display: none"
139
142
140 
 }
 143 
 }
141
144