From 2afb8353acf1656f6fdbf4a0dff2200a7f1b09fc Mon Sep 17 00:00:00 2001
From: nap0o <napoleonparked@gmail.com>
Date: Sun, 1 Mar 2026 01:10:35 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E5=89=8D=E7=AB=AF=E4=BA=A4=E4=BA=92?=
 =?UTF-8?q?=E5=8F=8A=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/features/auth/views/login.vue    |  2 +-
 .../features/vault/components/appSidebar.vue  | 12 ++++-----
 frontend/src/features/vault/views/home.vue    | 16 +++++++++++
 frontend/src/shared/components/theFooter.vue  | 18 ++++++++++---
 frontend/src/shared/components/theHeader.vue  | 27 ++++++++++++++-----
 frontend/src/shared/stores/layoutStore.js     |  4 ++-
 frontend/vite.config.js                       | 11 ++++++++
 7 files changed, 72 insertions(+), 18 deletions(-)

diff --git a/frontend/src/features/auth/views/login.vue b/frontend/src/features/auth/views/login.vue
index 44a6451..5404f21 100644
--- a/frontend/src/features/auth/views/login.vue
+++ b/frontend/src/features/auth/views/login.vue
@@ -3,7 +3,7 @@
     <el-card class="login-card" shadow="hover">
       <div class="logo-container">
         <el-icon :size="54" color="#409EFC"><Lock /></el-icon>
-        <h2>2FAuth</h2>
+        <h2>2FAuth Worker</h2>
         <p class="subtitle">您的专属云端双因素认证管家</p>
       </div>
 
diff --git a/frontend/src/features/vault/components/appSidebar.vue b/frontend/src/features/vault/components/appSidebar.vue
index 2227c36..8b24e02 100644
--- a/frontend/src/features/vault/components/appSidebar.vue
+++ b/frontend/src/features/vault/components/appSidebar.vue
@@ -8,7 +8,7 @@
       :collapse="isCollapse"
     >
       <el-menu-item index="vault">
-        <el-icon><Iphone /></el-icon>
+        <el-icon><CopyDocument /></el-icon>
         <template #title><span>我的账户</span></template>
       </el-menu-item>
 
@@ -66,7 +66,7 @@
         style="border-right: none;"
       >
         <el-menu-item index="vault">
-          <el-icon><Iphone /></el-icon>
+          <el-icon><CopyDocument /></el-icon>
           <span>我的账户</span>
         </el-menu-item>
         <el-sub-menu index="add-vault">
@@ -95,9 +95,9 @@
         </el-menu-item>
       </el-menu>
 
-      <div class="sidebar-footer">
-        <el-button circle :icon="themeStore.isDark ? Sunny : Moon" @click="themeStore.toggleTheme" />
-        <el-button circle @click="handleLogout" title="退出登录">
+      <div class="sidebar-footer" style="display: flex; gap: 15px; justify-content: center; padding: 20px 0;">
+        <el-button circle size="medium" :icon="themeStore.isDark ? Sunny : Moon" @click="themeStore.toggleTheme" />
+        <el-button circle size="medium" @click="handleLogout" title="退出登录">
           <el-icon><SwitchButton /></el-icon>
         </el-button>
       </div>
@@ -110,7 +110,7 @@ import { ref } from 'vue'
 import { useRouter } from 'vue-router'
 import { ElMessage } from 'element-plus'
 import {
-  Iphone, Plus, Camera, Edit, Sort, Upload, Download,
+  CopyDocument, Plus, Camera, Edit, Sort, Upload, Download,
   Cloudy, Sunny, Moon, SwitchButton, Fold, Expand, Tools
 } from '@element-plus/icons-vue'
 import { useLayoutStore } from '@/shared/stores/layoutStore'
diff --git a/frontend/src/features/vault/views/home.vue b/frontend/src/features/vault/views/home.vue
index 40e2f5c..08b61ab 100644
--- a/frontend/src/features/vault/views/home.vue
+++ b/frontend/src/features/vault/views/home.vue
@@ -47,6 +47,9 @@
 <script setup>
 import { ref, nextTick, defineAsyncComponent, watch } from 'vue'
 import AppSidebar from '@/features/vault/components/appSidebar.vue'
+import { useLayoutStore } from '@/shared/stores/layoutStore'
+
+const layoutStore = useLayoutStore()
 
 const VaultList     = defineAsyncComponent(() => import('@/features/vault/components/vaultList.vue'))
 const AddVaultScan  = defineAsyncComponent(() => import('@/features/vault/components/addVaultScan.vue'))
@@ -78,4 +81,17 @@ watch(vaultListRef, (ref) => {
     nextTick(() => ref.fetchVault())
   }
 })
+
+// 监听头部 Logo 点击事件，无刷新跳回主列表
+watch(() => layoutStore.homeTabReset, () => {
+  if (activeTab.value !== 'vault') {
+    activeTab.value = 'vault'
+  }
+  // 强制刷新一下列表数据
+  if (vaultListRef.value) {
+    nextTick(() => vaultListRef.value?.fetchVault())
+  } else {
+    pendingRefetch = true
+  }
+})
 </script>
\ No newline at end of file
diff --git a/frontend/src/shared/components/theFooter.vue b/frontend/src/shared/components/theFooter.vue
index b93180a..40ff2d2 100644
--- a/frontend/src/shared/components/theFooter.vue
+++ b/frontend/src/shared/components/theFooter.vue
@@ -2,14 +2,24 @@
   <footer class="global-footer">
     <div class="footer-content">
       <p>
-        &copy;{{ new Date().getFullYear() }} <a href="https://github.com/nap0o/2fauth-worker" target="_blank" rel="noopener noreferrer">2FAuth</a>
-        <span class="divider">|</span>
-        Serverless 2FA Manager
+        &copy;{{ new Date().getFullYear() }} <a href="https://github.com/nap0o/2fauth-worker" target="_blank" rel="noopener noreferrer">2FAuth Worker</a>
+        <span v-if="!layoutStore.isMobile">
+          <span class="divider">|</span>
+          Serverless 2FA Manager
+        </span>
+        <span v-if="commitHash && commitHash !== 'unknown'">
+          <span class="divider">|</span>
+          Hash-{{ commitHash }}
+        </span>
       </p>
     </div>
   </footer>
 </template>
 
 <script setup>
-// 这里可以添加页脚需要的逻辑，例如版本号显示等
+import { useLayoutStore } from '@/shared/stores/layoutStore'
+
+const layoutStore = useLayoutStore()
+// 注入在 vite.config.js 中定义的全局构建环境变量
+const commitHash = typeof __COMMIT_HASH__ !== 'undefined' ? __COMMIT_HASH__ : 'unknown'
 </script>
\ No newline at end of file
diff --git a/frontend/src/shared/components/theHeader.vue b/frontend/src/shared/components/theHeader.vue
index 3c75ad5..4db49e7 100644
--- a/frontend/src/shared/components/theHeader.vue
+++ b/frontend/src/shared/components/theHeader.vue
@@ -1,11 +1,17 @@
 <template>
   <header class="header">
     <div class="logo">
-      <el-button v-if="layoutStore.isMobile && route.path !== '/login'" link @click="layoutStore.showMobileMenu = true" style="margin-right: 5px; padding: 0;">
-        <el-icon :size="24" class="menu-icon"><Menu /></el-icon>
+      <el-button v-if="layoutStore.isMobile && !!userStore.userInfo?.username" @click="layoutStore.showMobileMenu = true" style="margin-right: 10px; padding: 5px 8px; border: 1px solid var(--el-border-color); height: auto;">
+        <el-icon :size="14" class="menu-icon" style="color: var(--el-text-color-primary);">
+          <svg viewBox="0 0 16 16" version="1.1" width="100%" height="100%" aria-hidden="true" fill="currentColor">
+            <path d="M1 2.75A.75.75 0 0 1 1.75 2h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 2.75Zm0 5A.75.75 0 0 1 1.75 7h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 7.75ZM1.75 12h12.5a.75.75 0 0 1 0 1.5H1.75a.75.75 0 0 1 0-1.5Z"></path>
+          </svg>
+        </el-icon>
       </el-button>
-      <el-icon :size="24" color="#409EFC" style="margin-right: 10px;"><Lock /></el-icon>
-      <h2>2FAuth</h2>
+      <a href="#" @click.prevent="goHome" style="display: flex; align-items: center; text-decoration: none; color: inherit;">
+        <el-icon :size="24" color="#409EFC" style="margin-right: 10px;"><Lock /></el-icon>
+        <h2>2FAuth Worker</h2>
+      </a>
     </div>
     <div class="user-actions" v-if="route.path !== '/login'">
       <div class="user-profile" v-if="!layoutStore.isMobile">
@@ -20,12 +26,21 @@
 
 <script setup>
 import { ref } from 'vue'
-import { useRoute } from 'vue-router'
-import { Lock, Menu } from '@element-plus/icons-vue'
+import { useRoute, useRouter } from 'vue-router'
+import { Lock } from '@element-plus/icons-vue'
 import { useLayoutStore } from '@/shared/stores/layoutStore'
 import { useUserStore } from '@/features/auth/store/userStore'
 
 const route = useRoute()
+const router = useRouter()
 const layoutStore = useLayoutStore()
 const userStore = useUserStore()
+
+const goHome = () => {
+  if (route.path === '/') {
+    layoutStore.homeTabReset++
+  } else {
+    router.push('/')
+  }
+}
 </script>
\ No newline at end of file
diff --git a/frontend/src/shared/stores/layoutStore.js b/frontend/src/shared/stores/layoutStore.js
index 9af4300..c3f8101 100644
--- a/frontend/src/shared/stores/layoutStore.js
+++ b/frontend/src/shared/stores/layoutStore.js
@@ -4,9 +4,11 @@ import { ref } from 'vue'
 export const useLayoutStore = defineStore('layout', () => {
   const isMobile = ref(false)
   const showMobileMenu = ref(false)
+  const homeTabReset = ref(0) // 触发返回统一的主账号视图
 
   return {
     isMobile,
-    showMobileMenu
+    showMobileMenu,
+    homeTabReset
   }
 })
\ No newline at end of file
diff --git a/frontend/vite.config.js b/frontend/vite.config.js
index 3cb7134..315d7e1 100644
--- a/frontend/vite.config.js
+++ b/frontend/vite.config.js
@@ -6,6 +6,14 @@ import { VitePWA } from 'vite-plugin-pwa'
 import AutoImport from 'unplugin-auto-import/vite'
 import Components from 'unplugin-vue-components/vite'
 import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
+import { execSync } from 'child_process'
+
+let commitHash = ''
+try {
+  commitHash = execSync('git rev-parse --short HEAD').toString().trim()
+} catch (e) {
+  commitHash = 'unknown'
+}
 
 export default defineConfig({
   plugins: [
@@ -61,6 +69,9 @@ export default defineConfig({
       }
     })
   ],
+  define: {
+    __COMMIT_HASH__: JSON.stringify(commitHash)
+  },
   resolve: {
     alias: {
       '@': fileURLToPath(new URL('./src', import.meta.url))