dianyang
/
colmo-h5
Volgen 3
Ster 0
Vork 0
Code Kwesties 0 Pull-aanvragen 0 Publicaties 0 Wiki Activiteit
Bladeren bron

fiex

[baozhangchao] 3 jaren geleden
bovenliggende
ed94471cfb
commit
0d456a6836
2 gewijzigde bestanden met toevoegingen van 29 en 11 verwijderingen
Zij-aan-zij weergave Toon Diff Stats
  1. 24
    9
      public/index.html
  2. 5
    2
      src/utils/initial.js

+ 24
- 9
public/index.html Bestand weergeven 

@@ -9,22 +9,33 @@
9 9 
   <!-- <script src="./vconsole.min.js"></script>
10 10 
   <script>const vConsole = new VConsole();</script> -->
11 11 
   <style>
12 
-    .page-loading-wrapper {
12 
+    .boxZoom {
13 13 
       position: absolute;
14 14 
       left: 0;
15 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 31 
       animation: loadingrotate 1s linear 0s alternate forwards;
17 32 
       width: 0px;
18 33 
       overflow: hidden;
19 
-      top: 36vh;
20 34 
       left: 30vw;
21 35 
     }
22 36
23 37 
     .page-loading {
24 
-
25 
-      overflow: hidden;
26 38 
       width: 40vw;
27 
-      overflow: hidden;
28 39
29 40 
     }
30 41 
 
@@ -53,13 +64,17 @@
53 64 
 </head>
54 65
55 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 76 
   </div>
77 
+
63 78 
   <div id="app"></div>
64 79 
   <!-- built files will be auto injected -->
65 80 
 </body>

+ 5
- 2
src/utils/initial.js Bestand weergeven 

@@ -70,8 +70,11 @@ export function Login () {
70 70 
     console.log(2);
71 71
72 72 
     if (isLoaded) {
73 
+      console.log(isLoaded);
74 
+
73 75 
       hideLoading()
74 76 
     } else {
77 
+      console.log('isLoaded=true');
75 78
76 79 
       isLoaded = true
77 80 
     }
 
@@ -108,7 +111,7 @@ export function Login () {
108 111 
       console.error(error)
109 112 
     }
110 113 
     if (isLoaded) {
111 
-      console.log(4, isLoaded);
114 
+      console.log('hideLoading', isLoaded);
112 115 
       hideLoading()
113 116
114 117 
 
@@ -135,7 +138,7 @@ export function Login () {
135 138 
 }
136 139
137 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