feat: 新增加载动画

2025-12-19 22:48:28 +08:00
parent 0d6ffdef83
commit 4b4e955b17
11 changed files with 59 additions and 51 deletions
--- a/public/loading.html
+++ b/public/loading.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="UTF-8" />
+  <meta http-equiv="Content-Security-Policy" content="script-src 'self';">
+  <style>
+    :root {
+      --stop-color-start: #3b82f6;
+      --stop-color-end: #1d4ed8;
+    }
+
+    body {
+      margin: 0;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      min-height: 100vh;
+      background-color: transparent;
+    }
+  </style>
+</head>
+
+<body>
+  <svg width="30" height="30" viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg">
+    <defs>
+      <linearGradient id="gradient" x1="8.042%" y1="0%" x2="65.682%" y2="23.865%">
+        <stop stop-color="var(--stop-color-start)" offset="0%" />
+        <stop stop-color="var(--stop-color-end)" offset="100%" />
+      </linearGradient>
+    </defs>
+    <g fill="none" fill-rule="evenodd">
+      <g transform="translate(1 1)" stroke-width="2">
+        <circle stroke-opacity=".2" cx="18" cy="18" r="18" />
+        <path d="M36 18c0-9.94-8.06-18-18-18" stroke="url(#gradient)">
+          <animateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s"
+            repeatCount="indefinite" />
+        </path>
+      </g>
+    </g>
+  </svg>
+</body>
+
+</html>
--- a/public/logo.ico
+++ b/public/logo.ico