From 996efc67cdf4d0757ccde6aa59ad3ed0f6e00149 Mon Sep 17 00:00:00 2001
From: liuzhihang <liuzhihangs@qq.com>
Date: Mon, 26 Jun 2023 23:11:32 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E6=96=B0=E5=8F=91=E5=B8=83=201.1.2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/modules/footer.html      |   1 +
 templates/modules/head.html        |   1 +
 templates/modules/loading-box.html | 134 ++++++++++++++---------------
 3 files changed, 69 insertions(+), 67 deletions(-)

diff --git a/templates/modules/footer.html b/templates/modules/footer.html
index cc20b279..0acca7eb 100644
--- a/templates/modules/footer.html
+++ b/templates/modules/footer.html
@@ -105,6 +105,7 @@
     <div id="quit-box" onclick="RemoveRewardMask()"></div>
 
 
+
     <!--评论弹幕弹窗 -->
     <div th:if="${theme.config.comments.twikoo && #strings.equals(theme.config.comments.use, 'Twikoo') && not #strings.isEmpty(theme.config.comments.envId)
     && not #strings.isEmpty(theme.config.comments.accessToken)}" class="comment-barrage needEndHide"
diff --git a/templates/modules/head.html b/templates/modules/head.html
index 93bc0d8d..8c8ee18e 100644
--- a/templates/modules/head.html
+++ b/templates/modules/head.html
@@ -150,6 +150,7 @@
     <link rel="stylesheet" th:href="@{/assets/libs/fancybox/jquery.fancybox.min.css}">
 
 
+
     <!-- icon图标 -->
     <link rel="preload" as="style" onload="this.rel='stylesheet'"
           th:href="@{/assets/icon/fontawesome/fontawesome.min.css}">
diff --git a/templates/modules/loading-box.html b/templates/modules/loading-box.html
index eb948678..3314f660 100644
--- a/templates/modules/loading-box.html
+++ b/templates/modules/loading-box.html
@@ -9,83 +9,83 @@
 
     <style type="text/css">
 
-        #loading-box .loading-image-dot {
-            width: 30px;
-            height: 30px;
-            background: #6bdf8f;
-            position: absolute;
-            border-radius: 50%;
-            border: 6px solid #fff;
-            top: 50%;
-            left: 50%;
-            -webkit-transform: translate(18px, 24px);
-            -moz-transform: translate(18px, 24px);
-            -o-transform: translate(18px, 24px);
-            -ms-transform: translate(18px, 24px);
-            transform: translate(18px, 24px);
-        }
+            #loading-box .loading-image-dot {
+                width: 30px;
+                height: 30px;
+                background: #6bdf8f;
+                position: absolute;
+                border-radius: 50%;
+                border: 6px solid #fff;
+                top: 50%;
+                left: 50%;
+                -webkit-transform: translate(18px, 24px);
+                -moz-transform: translate(18px, 24px);
+                -o-transform: translate(18px, 24px);
+                -ms-transform: translate(18px, 24px);
+                transform: translate(18px, 24px);
+            }
 
-        #loading-box {
-            -webkit-user-select: none;
-        }
+            #loading-box {
+                -webkit-user-select: none;
+            }
 
-        #loading-box .loading-bg {
-            display: flex;
-            width: 100%;
-            height: 100%;
-            position: fixed;
-            background: var(--heo-background);
-            z-index: 1999;
-            opacity: 1;
-            transition: 0.2s;
-            pointer-events: all;
-            animation: showLoading 0.3s 0s backwards;
-        }
-
-        #loading-box.loaded .loading-bg {
-            pointer-events: none;
-            transition: 0.2s;
-            animation: hideLoading 0.3s 0s forwards;
-        }
-
-        #loading-box .loading-img {
-            width: 100px;
-            margin: auto;
-            animation-duration: 0.2s;
-            animation-name: loadingAction;
-            animation-iteration-count: infinite;
-            animation-direction: alternate;
-        }
-
-        @keyframes loadingAction {
-            from {
+            #loading-box .loading-bg {
+                display: flex;
+                width: 100%;
+                height: 100%;
+                position: fixed;
+                background: var(--heo-background);
+                z-index: 1999;
                 opacity: 1;
+                transition: 0.2s;
+                pointer-events: all;
+                animation: showLoading 0.3s 0s backwards;
             }
 
-            to {
-                opacity: 0.6;
-            }
-        }
-
-        @keyframes hideLoading {
-            from {
-                opacity: 1;
+            #loading-box.loaded .loading-bg {
+                pointer-events: none;
+                transition: 0.2s;
+                animation: hideLoading 0.3s 0s forwards;
             }
 
-            to {
-                opacity: 0;
-            }
-        }
-
-        @keyframes showLoading {
-            from {
-                opacity: 0;
+            #loading-box .loading-img {
+                width: 100px;
+                margin: auto;
+                animation-duration: 0.2s;
+                animation-name: loadingAction;
+                animation-iteration-count: infinite;
+                animation-direction: alternate;
             }
 
-            to {
-                opacity: 1;
+            @keyframes loadingAction {
+                from {
+                    opacity: 1;
+                }
+
+                to {
+                    opacity: 0.6;
+                }
+            }
+
+            @keyframes hideLoading {
+                from {
+                    opacity: 1;
+                }
+
+                to {
+                    opacity: 0;
+                }
+            }
+
+            @keyframes showLoading {
+                from {
+                    opacity: 0;
+                }
+
+                to {
+                    opacity: 1;
+                }
             }
-        }
     </style>
 
     <div class="loading-bg">