dianyang
/
colmo-h5
Bevaka 3
Stjärnmärk 0
Förgrening 0
Kod Ärenden 0 Pull-förfrågningar 0 Släpp 0 Wiki Activity
Bläddra i källkod

fiex

[baozhangchao] 3 år sedan
förälder
7c50ca4351
incheckning
185362b60e
1 ändrade filer med 12 tillägg och 31 borttagningar
Delad Vy Visa Diff Statistik
  1. 12
    31
      public/index.html

+ 12
- 31
public/index.html Visa fil 

@@ -10,57 +10,39 @@
10 10 
   <script>const vConsole = new VConsole();</script> -->
11 11 
   <style>
12 12 
     .page-loading-wrapper {
13 
-      position: absolute;
14 
-      left: 0;
15 
-      top: 0;
16 
-      width: 100vw;
17 
-      height: 100vh;
18 
-      overflow: hidden;
19 
-      z-index: 99999;
20 
-      /* background: url(./images/loadingBgc.jpg) no-repeat 100% 100%; */
21 
-      display: flex;
22 
-      /* display: none; */
23 
-      justify-content: center;
24 
-      align-items: center;
25 
-    }
26 
-
27 
-    .page-loading {
13 
+      animation: loadingrotate 3s ease-in-out 0s 1 alternate forwards;
28 14 
       width: 0px;
29 15 
       position: relative;
30 
-      animation: loadingrotate 3s ease-in-out 0s 1 alternate forwards;
31 16 
       overflow: hidden;
32 
-      /* height: 100vw; */
17 
+      top: 40vh;
18 
+      left: 30vw;
33 19 
     }
34 20
35 
-    .page-loading .loading-image {
21 
+    .page-loading {
22 
+
23 
+      overflow: hidden;
36 24 
       width: 40vw;
37 
-      height: 40vw;
38 
-      /* margin: auto; */
39 
-    }
25 
+      overflow: hidden;
40 26
41 
-    .page-loading .loading-tips {
42 
-      width: 100%;
43 
-      margin-top: 2em;
44 27 
     }
45 28
29 
+    .loadingImag {}
30 
+
46 31 
     @keyframes loadingrotate {
47 32 
       0% {
48 33 
         width: 0px;
49 
-        left: -1vw;
50 34
51 35
52 36 
       }
53 37
54 38 
       50% {
55 39 
         width: 10vw;
56 
-        left: -12vw;
57 40
58 41
59 42 
       }
60 43
61 44 
       100% {
62 45 
         width: 31vw;
63 
-        left: 0vw;
64 46
65 47
66 48 
       }
 
@@ -70,12 +52,11 @@
70 52
71 53 
 <body>
72 54 
   <div class="page-loading-wrapper">
73 
-    <div class="page-loading">
55 
+    <div class="page-loading ">
56 
+      <img class="loadingImag" src="./images/Loading1.png" width="100%" alt="">
74 57
75 
-      <div class="loading-image">
76 
-        <img src="./images/Loading1.png" width="100%" alt="">
77 
-      </div>
78 58 
     </div>
59 
+
79 60 
   </div>
80 61 
   <div id="app"></div>
81 62 
   <!-- built files will be auto injected -->