From 2a0be1b187c07c4267d31ea5cb4031f2bf6e3956 Mon Sep 17 00:00:00 2001
From: Feng Yue <2525275@gmail.com>
Date: Wed, 13 Aug 2025 15:13:41 +0800
Subject: [PATCH] chore: add user login button

---
 web/admin-spa/src/views/ApiStatsView.vue | 41 ++++++++++++++++++++++++
 1 file changed, 41 insertions(+)

diff --git a/web/admin-spa/src/views/ApiStatsView.vue b/web/admin-spa/src/views/ApiStatsView.vue
index 66192563..ebf18f8c 100644
--- a/web/admin-spa/src/views/ApiStatsView.vue
+++ b/web/admin-spa/src/views/ApiStatsView.vue
@@ -10,6 +10,13 @@
           :title="oemSettings.siteName"
         />
         <div class="flex items-center gap-3">
+          <router-link
+            class="user-login-button flex items-center gap-2 rounded-xl px-3 py-2 text-white transition-all duration-300 md:px-4 md:py-2"
+            to="/user-login"
+          >
+            <i class="fas fa-user text-sm" />
+            <span class="text-xs font-medium md:text-sm">用户登录</span>
+          </router-link>
           <router-link
             class="admin-button flex items-center gap-2 rounded-xl px-3 py-2 text-white transition-all duration-300 md:px-4 md:py-2"
             to="/dashboard"
@@ -255,6 +262,40 @@ watch(apiKey, (newValue) => {
   letter-spacing: -0.025em;
 }
 
+/* 用户登录按钮 */
+.user-login-button {
+  background: linear-gradient(135deg, #34d399 0%, #10b981 100%);
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  text-decoration: none;
+  box-shadow:
+    0 4px 6px -1px rgba(52, 211, 153, 0.3),
+    0 2px 4px -1px rgba(52, 211, 153, 0.1);
+  position: relative;
+  overflow: hidden;
+}
+
+.user-login-button::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: -100%;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
+  transition: left 0.5s;
+}
+
+.user-login-button:hover {
+  transform: translateY(-2px);
+  box-shadow:
+    0 10px 15px -3px rgba(52, 211, 153, 0.4),
+    0 4px 6px -2px rgba(52, 211, 153, 0.15);
+}
+
+.user-login-button:hover::before {
+  left: 100%;
+}
+
 /* 管理后台按钮 */
 .admin-button {
   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);