From 094f8d2e493ab2768329d125c718f9548b3bbd34 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=9B=B0=E5=9B=B0=E9=B1=BC?=
 <89380218+chengzhongxue@users.noreply.github.com>
Date: Mon, 7 Aug 2023 01:34:28 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96Banner=20=E5=B7=A6=E4=BE=A7?=
 =?UTF-8?q?=EF=BC=8C=E7=83=AD=E9=97=A8=E6=96=87=E7=AB=A0=20=E7=83=AD?=
 =?UTF-8?q?=E9=97=A8=E6=96=87=E7=AB=A0=20=E5=AE=9E=E7=94=A8=E6=95=99?=
 =?UTF-8?q?=E7=A8=8B=20=E9=80=89=E9=A1=B9=E6=A0=B7=E5=BC=8F=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/modules/widgets/banner-group.html | 65 +++++++++++----------
 1 file changed, 33 insertions(+), 32 deletions(-)

diff --git a/templates/modules/widgets/banner-group.html b/templates/modules/widgets/banner-group.html
index ea90f93b..f165079d 100644
--- a/templates/modules/widgets/banner-group.html
+++ b/templates/modules/widgets/banner-group.html
@@ -177,40 +177,41 @@
                     <span class="categoryButtonText">[[${groups[2].title}]]</span><i th:class="${groups[2].icon}"></i>
                 </a>
             </div>
-            <style>
-                a.categoryButton.bikan {
-                    background: linear-gradient(to right, [[${groups[0].colorOneLight}]], [[${groups[0].colorTwoLight}]]);
-                    background-size: 200%;
-                }
-
-                a.categoryButton.remen {
-                    background: linear-gradient(to right, [[${groups[1].colorOneLight}]], [[${groups[1].colorTwoLight}]]);
-                    background-size: 200%;
-                }
-
-                a.categoryButton.shiyong {
-                    background: linear-gradient(to right, [[${groups[2].colorOneLight}]], [[${groups[2].colorTwoLight}]]);
-                    background-size: 200%;
-                }
-
-                [data-theme=dark] a.categoryButton.bikan {
-                    background: linear-gradient(to right, [[${groups[0].colorOneDark}]], [[${groups[0].colorTwoDark}]]);
-                    background-size: 200%;
-                }
-
-                [data-theme=dark] a.categoryButton.remen {
-                    background: linear-gradient(to right, [[${groups[1].colorOneDark}]], [[${groups[1].colorTwoDark}]]);
-                    background-size: 200%;
-                }
-
-                [data-theme=dark] a.categoryButton.shiyong {
-                    background: linear-gradient(to right, [[${groups[2].colorOneDark}]], [[${groups[2].colorTwoDark}]]);
-                    background-size: 200%;
-                }
-            </style>
         </th:block>
     </div>
 
+    <style th:if="${not #lists.isEmpty(theme.config.top.BannerLeft.categoryGroup)}" th:with="groups = ${theme.config.top.BannerLeft.categoryGroup}">
+        a.categoryButton.bikan {
+            background: linear-gradient(to right, [[${groups[0].colorOneLight}]], [[${groups[0].colorTwoLight}]]);
+            background-size: 200%;
+        }
+
+        a.categoryButton.remen {
+            background: linear-gradient(to right, [[${groups[1].colorOneLight}]], [[${groups[1].colorTwoLight}]]);
+            background-size: 200%;
+        }
+
+        a.categoryButton.shiyong {
+            background: linear-gradient(to right, [[${groups[2].colorOneLight}]], [[${groups[2].colorTwoLight}]]);
+            background-size: 200%;
+        }
+
+        [data-theme=dark] a.categoryButton.bikan {
+            background: linear-gradient(to right, [[${groups[0].colorOneDark}]], [[${groups[0].colorTwoDark}]]);
+            background-size: 200%;
+        }
+
+        [data-theme=dark] a.categoryButton.remen {
+            background: linear-gradient(to right, [[${groups[1].colorOneDark}]], [[${groups[1].colorTwoDark}]]);
+            background-size: 200%;
+        }
+
+        [data-theme=dark] a.categoryButton.shiyong {
+            background: linear-gradient(to right, [[${groups[2].colorOneDark}]], [[${groups[2].colorTwoDark}]]);
+            background-size: 200%;
+        }
+    </style>
+
     <script th:inline="javascript">
 
         function toRandomPost() {
@@ -233,4 +234,4 @@
     </script>
 
 </div>
-</html>
\ No newline at end of file
+</html>