From 86c2e30ec1c8703d1cec715f216eb054f4a888ce Mon Sep 17 00:00:00 2001
From: fishcpy <2049879862@qq.com>
Date: Thu, 13 Mar 2025 21:56:05 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=BA=E5=AE=89=E5=85=A8=E4=B8=AD=E5=BF=83?=
 =?UTF-8?q?=E7=BE=8E=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 settings.yaml                |  8 ++++++++
 templates/security_link.html | 12 ++++++------
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/settings.yaml b/settings.yaml
index 5a39168..3a858fb 100644
--- a/settings.yaml
+++ b/settings.yaml
@@ -1468,6 +1468,14 @@ spec:
           label: 安全链接页面-提示区域文本描述
           placeholder: '请输入安全链接页面提示区域的文本描述'
           help: '输入安全链接页面提示区域的文本描述，留空使用默认文本描述。'
+        - $formkit: number
+          name: security_link_auto_jump_time
+          if: $get(enable_security_link).value
+          label: 安全链接页面-自动跳转时间
+          value: 5
+          validation: required
+          placeholder: '请输入安全链接页面自动跳转时间(秒)'
+          help: '输入安全链接页面自动跳转时间(秒)，默认5秒。'
         - $formkit: code
           name: security_link_jump_desc
           if: $get(enable_security_link).value
diff --git a/templates/security_link.html b/templates/security_link.html
index 72ac8e7..f9c485a 100644
--- a/templates/security_link.html
+++ b/templates/security_link.html
@@ -28,18 +28,18 @@
             background-position: center;
             background-size: cover;
             background-repeat: no-repeat;
-            background-image: url([[${#strings.isEmpty(theme.config.security_link_config.security_link_site_img_background) ? '' : theme.config.security_link_config.security_link_site_img_background}]]);
+            background-image: url([[${#strings.defaultString(theme.config.security_link_config.security_link_site_img_background, '')}]]);
         }
 
         html.light body {
             background-color: #f6d365;
-            background-image: linear-gradient(135deg, #f6d365 0%, #fda085 100%), url([[${#strings.isEmpty(theme.config.security_link_config.security_link_site_img_background) ? '' : theme.config.security_link_config.security_link_site_img_background}]]);
+            background-image: linear-gradient(135deg, #f6d365 0%, #fda085 100%), url([[${#strings.defaultString(theme.config.security_link_config.security_link_site_img_background, '')}]]);
             background-blend-mode: overlay;
         }
 
         html.dark body {
             background-color: #434343;
-            background-image: linear-gradient(135deg, #434343 0%, #000000 100%), url([[${#strings.isEmpty(theme.config.security_link_config.security_link_site_img_background) ? '' : theme.config.security_link_config.security_link_site_img_background}]]);
+            background-image: linear-gradient(135deg, #434343 0%, #000000 100%), url([[${#strings.defaultString(theme.config.security_link_config.security_link_site_img_background, '')}]]);
             background-blend-mode: overlay;
         }
 
@@ -326,7 +326,7 @@
             width: 0;
             height: 100%;
             background-color: #abedd8;
-            transition: width 4s linear;
+            transition: width [[${theme.config.security_link_config.security_link_auto_jump_time}]]s linear;
         }
         .countdown-text {
             margin-top: 12px;
@@ -360,7 +360,7 @@
                 <div class="progress"></div>
             </div>
             <div class="countdown-text">
-                ⚡将在<span id="countdown">4</span>秒后跳转，请自行确认链接安全性
+                ⚡将在<span id="countdown">[[${theme.config.security_link_config.security_link_auto_jump_time}]]</span>秒后跳转，请自行确认链接安全性
             </div>
             <div class="others-end">
                 <a th:href="${url}" target="_self">继续访问</a>
@@ -370,7 +370,7 @@
     <script>
         window.onload = function() {
             document.querySelector('.progress').style.width = '100%';
-            let countdown = 4;
+            let countdown = [[${theme.config.security_link_config.security_link_auto_jump_time}]];
             const countdownElement = document.getElementById('countdown');
             
             const timer = setInterval(function() {