feat: 添加返回首页按钮和文档中心链接

web/src/components/DebugComponent.vue

@@ -475,10 +475,13 @@ const printAgentConfig = async () => {
     &.ant-btn-primary {
       background-color: var(--main-color);
       border-color: var(--main-color);
+      color: #fff;
 
-      &:hover {
+      &:hover,
+      &:focus {
         background-color: var(--main-color);
         border-color: var(--main-color);
+        color: #fff;
       }
     }
 

web/src/layouts/AppLayout.vue

@@ -5,7 +5,7 @@ import {
   GithubOutlined,
   ExclamationCircleOutlined,
 } from '@ant-design/icons-vue'
-import { Bot, Waypoints, LibraryBig, Settings, BarChart3 } from 'lucide-vue-next';
+import { Bot, Waypoints, LibraryBig, Settings, BarChart3, BookOpen } from 'lucide-vue-next';
 import { onLongPress } from '@vueuse/core'
 
 import { useConfigStore } from '@/stores/config'
@@ -152,6 +152,19 @@ const mainList = [{
           </a>
         </a-tooltip>
       </div>
+      <div class="nav-item docs">
+        <a-tooltip placement="right">
+          <template #title>文档中心</template>
+          <a
+            href="https://xerrors.github.io/Yuxi-Know/"
+            target="_blank"
+            rel="noopener noreferrer"
+            class="docs-link"
+          >
+            <BookOpen class="icon" size="22" />
+          </a>
+        </a-tooltip>
+      </div>
       <!-- <div class="nav-item api-docs">
         <a-tooltip placement="right">
           <template #title>接口文档 {{ apiDocsUrl }}</template>
@@ -342,6 +355,16 @@ div.header, #app-router-view {
     &.api-docs {
       padding: 10px 12px;
     }
+    &.docs {
+      padding: 10px 12px;
+      margin-bottom: 12px;
+
+      .docs-link {
+        display: flex;
+        align-items: center;
+        color: inherit;
+      }
+    }
     &.active {
       text-shadow: 0 0 15px var(--main-300);
       font-weight: bold;
@@ -513,4 +536,4 @@ div.header, #app-router-view {
     }
   }
 }
-</style>
+</style>

web/src/views/LoginView.vue

@@ -14,6 +14,12 @@
       </div>
     </div>
 
+    <div class="login-top-action">
+      <a-button type="text" size="small" class="back-home-btn" @click="goHome">
+        返回首页
+      </a-button>
+    </div>
+
     <div class="login-layout">
       <!-- 左侧图片区域 -->
       <div class="login-image-section">
@@ -269,6 +275,10 @@ const showDevMessage = () => {
   message.info('该功能正在开发中，敬请期待！');
 };
 
+const goHome = () => {
+  router.push('/');
+};
+
 // 清理倒计时器
 const clearLockCountdown = () => {
   if (lockCountdown.value) {
@@ -513,6 +523,25 @@ onUnmounted(() => {
   }
 }
 
+.login-top-action {
+  position: absolute;
+  top: 24px;
+  right: 24px;
+  z-index: 10;
+}
+
+.back-home-btn {
+  color: #666;
+  font-size: 14px;
+  padding: 0 8px;
+
+  &:hover,
+  &:focus {
+    color: var(--main-color);
+    background-color: transparent;
+  }
+}
+
 .login-layout {
   display: flex;
   height: 100%;
@@ -823,4 +852,4 @@ onUnmounted(() => {
     }
   }
 }
-</style>
+</style>