修改首屏加载动画

2023-10-09 17:03:47 +08:00 · 2023-10-09 17:03:47 +08:00 · 23ea5a0dcb
commit 23ea5a0dcb
parent 307b209791
1 changed files with 15 additions and 2 deletions
--- a/index.html
+++ b/index.html
@ -131,15 +131,28 @@
        opacity: 1;
      }
    }
+    /* HTML: <div class="loader"></div> */
+    .loader {
+      width: 120px;
+      height: 20px;
+      background:
+        linear-gradient(90deg, #0000 ,orange) left -50px top 0/50px 20px no-repeat
+        lightblue;
+      animation: l2 1s infinite linear;
+    }
+    @keyframes l2 {
+      100% {background-position: right -50px top 0}
+    }
  </style>
 </head>

 <body>
  <div id="app">
    <div class="first-loading-wrp">
-      <div class="loading-wrp">
+      <!-- <div class="loading-wrp">
        <span class="dot dot-spin"> <i></i> <i></i> <i></i> <i></i> </span>
-      </div>
+      </div> -->
+      <div class="loader"></div>
      <h5>Loading...</h5>
    </div>
  </div>