From 87f7e23d635ef24e9d4e0f204b2bb0c3758f8392 Mon Sep 17 00:00:00 2001 From: pany <939630029@qq.com> Date: Wed, 17 May 2023 21:05:09 +0800 Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=20app-loading=20?= =?UTF-8?q?=E5=8A=A8=E7=94=BB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/app-loading.css | 27 +++++---------------------- 1 file changed, 5 insertions(+), 22 deletions(-) diff --git a/public/app-loading.css b/public/app-loading.css index bb3f873..b48a929 100644 --- a/public/app-loading.css +++ b/public/app-loading.css @@ -4,24 +4,19 @@ border-radius: 50%; width: 2.5em; height: 2.5em; - -webkit-animation-fill-mode: both; animation-fill-mode: both; - -webkit-animation: loadingAnimation 1.8s infinite ease-in-out; animation: loadingAnimation 1.8s infinite ease-in-out; } #app-loading { - color: #409eff; - font-size: 10px; - margin: 80px auto; position: relative; + top: 45vh; + margin: 0 auto; + font-size: 10px; + color: #409eff; text-indent: -9999em; - -webkit-transform: translateZ(0); - -ms-transform: translateZ(0); - transform: translateZ(0); - -webkit-animation-delay: -0.16s; animation-delay: -0.16s; - top: 0; + transform: translateZ(0); transform: translate(-50%, 0); } @@ -34,7 +29,6 @@ #app-loading:before { left: -3.5em; - -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } @@ -42,17 +36,6 @@ left: 3.5em; } -@-webkit-keyframes loadingAnimation { - 0%, - 80%, - 100% { - box-shadow: 0 2.5em 0 -1.3em; - } - 40% { - box-shadow: 0 2.5em 0 0; - } -} - @keyframes loadingAnimation { 0%, 80%,