honghe
/
h5-draw-lots
Sledovat 3
Oblíbit 0
Rozštěpit 0
Zdrojový kód Úkoly 0 Požadavky na natažení 0 Vydání 0 Wiki Activity
Procházet zdrojové kódy

feats

张延森 před 3 roky
rodič
e8db36d5b6
revize
b6681d9938
4 změnil soubory, kde provedl 23 přidání a 7 odebrání
Rozdělené zobrazení Ukázat statistiku rozdílových dat
  1. binární
      public/images/loading.png
  2. binární
      public/images/loadingBgc.jpg
  3. binární
      public/images/loading_bar.png
  4. 23
    7
      public/index.html

binární
public/images/loading.png Zobrazit soubor


binární
public/images/loadingBgc.jpg Zobrazit soubor


binární
public/images/loading_bar.png Zobrazit soubor


+ 23
- 7
public/index.html Zobrazit soubor 

@@ -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 -->