From bb3c082146805c664bb8a8d6ffadea9983f942f2 Mon Sep 17 00:00:00 2001 From: Charles7c Date: Sun, 15 Jun 2025 22:09:35 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E7=BB=9F=E4=B8=80=E5=8A=A0=E8=BD=BD?= =?UTF-8?q?=E5=9B=BE=E6=A0=87?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 8 +--- public/static/css/loading.css | 38 ++++-------------- public/static/images/loading.gif | Bin 26400 -> 0 bytes .../images/{loading-bold.svg => loading.svg} | 0 src/App.vue | 2 +- 5 files changed, 11 insertions(+), 37 deletions(-) delete mode 100644 public/static/images/loading.gif rename public/static/images/{loading-bold.svg => loading.svg} (100%) diff --git a/index.html b/index.html index bde9283..2254a6b 100644 --- a/index.html +++ b/index.html @@ -7,16 +7,12 @@ - +
-
-
-
-
-
+ loading
diff --git a/public/static/css/loading.css b/public/static/css/loading.css index a1a5735..9921b79 100644 --- a/public/static/css/loading.css +++ b/public/static/css/loading.css @@ -14,36 +14,14 @@ body { display: flex; justify-content: space-between; } -.init-loading-rect { - background-color: #007aff; - height: 100%; - width: 15%; - animation: init-wave 1.2s infinite ease-in-out; -} - -.init-loading-rect:nth-child(1) { - animation-delay: -1.2s; -} -.init-loading-rect:nth-child(2) { - animation-delay: -1.1s; -} -.init-loading-rect:nth-child(3) { - animation-delay: -1s; -} -.init-loading-rect:nth-child(4) { - animation-delay: -0.9s; -} -.init-loading-rect:nth-child(5) { - animation-delay: -0.8s; -} - -@keyframes init-wave { - 0%, - 40%, - 100% { - transform: scaleY(0.4); +@keyframes arco-loading-circle { + from { + transform: rotate(0deg); } - 20% { - transform: scaleY(1); + to { + transform: rotate(360deg); } } +.init-loading-icon { + animation: arco-loading-circle 1s infinite cubic-bezier(0,0,1,1); +} diff --git a/public/static/images/loading.gif b/public/static/images/loading.gif deleted file mode 100644 index 18df393df9ca1383969640666be3a7d17ebdad7c..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 26400 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 F{tJSW-vs~w diff --git a/public/static/images/loading-bold.svg b/public/static/images/loading.svg similarity index 100% rename from public/static/images/loading-bold.svg rename to public/static/images/loading.svg diff --git a/src/App.vue b/src/App.vue index 1bb8965..147499e 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,7 +1,7 @@