From 1c2b752837c0ba22ee4d866770e3746e0c12c100 Mon Sep 17 00:00:00 2001 From: lyt <1105290566@qq.com> Date: Fri, 8 Jan 2021 13:22:12 +0800 Subject: [PATCH] =?UTF-8?q?'admin-21.01.08:=E9=A6=96=E5=B1=8F=E5=A2=9E?= =?UTF-8?q?=E5=8A=A0loading=E5=8A=A8=E7=94=BB'?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- vue-admin-wonderful-next/index.html | 14 +++++++++++++- vue-admin-wonderful-next/public/loading.css | 1 + 2 files changed, 14 insertions(+), 1 deletion(-) create mode 100644 vue-admin-wonderful-next/public/loading.css diff --git a/vue-admin-wonderful-next/index.html b/vue-admin-wonderful-next/index.html index 9a781b9..92d15bb 100644 --- a/vue-admin-wonderful-next/index.html +++ b/vue-admin-wonderful-next/index.html @@ -3,11 +3,23 @@ + vue-admin-wonderful -
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/vue-admin-wonderful-next/public/loading.css b/vue-admin-wonderful-next/public/loading.css new file mode 100644 index 0000000..1c96715 --- /dev/null +++ b/vue-admin-wonderful-next/public/loading.css @@ -0,0 +1 @@ +.loading-next{width:100%;height:100%}.loading-next .loading-next-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-next-box .loading-animation{position:relative;display:flex;width:100%;height:100%;justify-content:center;align-items:center}.loading-animation .loading-animation-box{display:block;font-size:0;color:#fff;position:relative;width:64px;height:64px}.loading-animation-box>div:nth-child(1){top:-25%;z-index:1;height:100%;border-radius:10%;animation:loading-animation .6s -0.1s linear infinite;background-color:#409eff}@keyframes loading-animation{15%{border-bottom-right-radius:10%}25%{transform:translateY(25%) rotate(22.5deg)}50%{border-bottom-right-radius:100%;transform:translateY(50%) scale(1,0.9) rotate(45deg)}75%{transform:translateY(25%) rotate(67.5deg)}100%{transform:translateY(0) rotate(90deg)}}.loading-animation-box>div:nth-child(2){height:10%;background:#000;border-radius:50%;opacity:.2;animation:loading-animation-shadow .6s -0.1s linear infinite;position:absolute;left:0;width:100%;bottom:-40%}@keyframes loading-animation-shadow{50%{transform:scale(1.25,1)}} \ No newline at end of file