From a141ecb25e00232d5578070c002fa049c0e7a4d7 Mon Sep 17 00:00:00 2001
From: tbphp <admin@tbphp.net>
Date: Sun, 13 Jul 2025 05:49:07 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=BA=95=E9=83=A8=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/AppFooter.vue | 29 ++++++++++++++++-------------
 web/src/services/version.ts      |  2 +-
 2 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/web/src/components/AppFooter.vue b/web/src/components/AppFooter.vue
index 9569e75..f52e150 100644
--- a/web/src/components/AppFooter.vue
+++ b/web/src/components/AppFooter.vue
@@ -90,7 +90,7 @@ onMounted(() => {
           - 高性能 AI API 轮询代理服务
         </span>
 
-        <span class="divider">|</span>
+        <n-divider vertical />
 
         <!-- 版本信息 -->
         <div
@@ -108,22 +108,29 @@ onMounted(() => {
             :size="14"
             class="version-icon"
           />
-          <span class="version-text" :style="{ color: statusConfig[versionInfo.status].color }">
+          <span class="version-text">
             {{ formatVersion(versionInfo.currentVersion) }}
+            -
             <template v-if="versionInfo.status === 'latest'">
-              ({{ statusConfig[versionInfo.status].text }})
+              <span :style="{ color: statusConfig[versionInfo.status].color }">
+                {{ statusConfig[versionInfo.status].text }}
+              </span>
             </template>
             <template v-else-if="versionInfo.status === 'update-available'">
-              ({{ statusConfig[versionInfo.status].text }}:
-              {{ formatVersion(versionInfo.latestVersion || "") }})
+              <span :style="{ color: statusConfig[versionInfo.status].color }">
+                {{ statusConfig[versionInfo.status].text }}
+                [{{ formatVersion(versionInfo.latestVersion || "") }}]
+              </span>
             </template>
             <template v-else-if="versionInfo.status === 'checking'">
-              ({{ statusConfig[versionInfo.status].text }})
+              <span :style="{ color: statusConfig[versionInfo.status].color }">
+                {{ statusConfig[versionInfo.status].text }}
+              </span>
             </template>
           </span>
         </div>
 
-        <span class="divider">|</span>
+        <n-divider vertical />
 
         <!-- 链接区 -->
         <div class="links-container">
@@ -173,7 +180,7 @@ onMounted(() => {
           </n-tooltip>
         </div>
 
-        <span class="divider">|</span>
+        <n-divider vertical />
 
         <!-- 版权信息 -->
         <div class="copyright-container">
@@ -234,11 +241,6 @@ onMounted(() => {
   text-decoration: underline;
 }
 
-.divider {
-  color: #d0d0d0;
-  margin: 0 4px;
-}
-
 /* 版本信息区域 */
 .version-container {
   display: flex;
@@ -257,6 +259,7 @@ onMounted(() => {
 .version-text {
   font-weight: 500;
   font-size: 13px;
+  color: #666;
 }
 
 .version-clickable {
diff --git a/web/src/services/version.ts b/web/src/services/version.ts
index e712e19..47dbb9c 100644
--- a/web/src/services/version.ts
+++ b/web/src/services/version.ts
@@ -18,7 +18,7 @@ export interface VersionInfo {
 }
 
 const CACHE_KEY = "gpt-load-version-info";
-const CACHE_DURATION = 60 * 60 * 1000; // 1小时
+const CACHE_DURATION = 30 * 60 * 1000;
 
 class VersionService {
   private currentVersion: string;