dianyang
/
colmo-h5
关注 3
点赞 0
派生 0
代码 工单 0 合并请求 0 版本发布 0 百科 动态
浏览代码

fiex

[baozhangchao] 3 年前
父节点
7c50ca4351
当前提交
185362b60e
共有 1 个文件被更改，包括 12 次插入 和 31 次删除
合并视图 显示文件统计
  1. 12
    31
      public/index.html

+ 12
- 31
public/index.html 查看文件

10 
   <script>const vConsole = new VConsole();</script> -->
 10 
   <script>const vConsole = new VConsole();</script> -->
11 
   <style>
 11 
   <style>
12 
     .page-loading-wrapper {
 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 
       width: 0px;
 14 
       width: 0px;
29 
       position: relative;
 15 
       position: relative;
30 
-      animation: loadingrotate 3s ease-in-out 0s 1 alternate forwards;
31 
       overflow: hidden;
 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 
       width: 40vw;
 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 
     @keyframes loadingrotate {
 31 
     @keyframes loadingrotate {
47 
       0% {
 32 
       0% {
48 
         width: 0px;
 33 
         width: 0px;
49 
-        left: -1vw;
50
34
51
35
52 
       }
 36 
       }
53
37
54 
       50% {
 38 
       50% {
55 
         width: 10vw;
 39 
         width: 10vw;
56 
-        left: -12vw;
57
40
58
41
59 
       }
 42 
       }
60
43
61 
       100% {
 44 
       100% {
62 
         width: 31vw;
 45 
         width: 31vw;
63 
-        left: 0vw;
64
46
65
47
66 
       }
 48 
       }
70
52
71 
 <body>
 53 
 <body>
72 
   <div class="page-loading-wrapper">
 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 
     </div>
 58 
     </div>
59 
+
79 
   </div>
 60 
   </div>
80 
   <div id="app"></div>
 61 
   <div id="app"></div>
81 
   <!-- built files will be auto injected -->
 62 
   <!-- built files will be auto injected -->