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

feats

张延森 3 年前
父节点
e8db36d5b6
当前提交
b6681d9938
共有 4 个文件被更改，包括 23 次插入 和 7 次删除
分列视图 显示文件统计
  1. 二进制
      public/images/loading.png
  2. 二进制
      public/images/loadingBgc.jpg
  3. 二进制
      public/images/loading_bar.png
  4. 23
    7
      public/index.html

二进制
public/images/loading.png 查看文件


二进制
public/images/loadingBgc.jpg 查看文件


二进制
public/images/loading_bar.png 查看文件


+ 23
- 7
public/index.html 查看文件 

@@ -15,15 +15,29 @@
15 15 
         height: 100vh;
16 16 
         overflow: hidden;
17 17 
         z-index: 999;
18 
+        background: url(./images/loadingBgc.jpg) no-repeat 100% 100%;
19 
+        display: flex;
20 
+        justify-content: center;
21 
+        align-items: center;
18 22 
       }
19 23
20 24 
       .page-loading {
21 
-        width: 100%;
22 
-        height: 100%;
23 
-        background: #262626 url('./loading.gif') no-repeat center center;
25 
+        width: 641px;
26 
+        height: 641px;
27 
+      }
28 
+
29 
+      .page-loading .loading-image {
30 
+        width: 146px;
31 
+        height: 146px;
32 
+        background: url(./images/loadingBgc.jpg) no-repeat 100% 100%;
24 33 
         animation: loadingrotate 2s linear infinite;
25 34 
       }
26 35
36 
+      .page-loading .loading-tips {
37 
+        width: 100%;
38 
+        margin-top: 2em;
39 
+      }
40 
+
27 41 
       @keyframes loadingrotate {
28 42 
         100% {
29 43 
           transform:rotate(360deg);
 
@@ -32,11 +46,13 @@
32 46 
     </style>
33 47 
   </head>
34 48 
   <body>
35 
-    <noscript>
36 
-      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
37 
-    </noscript>
38 49 
     <div class="page-loading-wrapper">
39 
-      <div class="page-loading"></div>
50 
+      <div class="page-loading">
51 
+        <div class="loading-image"></div>
52 
+        <div class="loading-tips">
53 
+          <img src="./images/loading_bar.png" width="100%" alt="">
54 
+        </div>
55 
+      </div>
40 56 
     </div>
41 57 
     <div id="app"></div>
42 58 
     <!-- built files will be auto injected -->