From 291d793c9517cde46276bca227f3cb5f4f31f54a Mon Sep 17 00:00:00 2001
From: Wenjie Zhang <xerrors@163.com>
Date: Fri, 26 Dec 2025 00:51:56 +0800
Subject: [PATCH] =?UTF-8?q?feat(home):=20=E6=B7=BB=E5=8A=A0=E9=A1=B9?=
 =?UTF-8?q?=E7=9B=AE=E6=A6=82=E8=BF=B0=E7=BB=84=E4=BB=B6=E5=B9=B6=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在首页视图中添加 ProjectOverview 组件用于自定义项目介绍，并更新相关文档说明
调整首页布局样式，包括容器高度和间距
---
 docs/latest/advanced/branding.md       |  6 +++++-
 web/src/components/ProjectOverview.vue |  2 ++
 web/src/views/HomeView.vue             | 10 +++++-----
 3 files changed, 12 insertions(+), 6 deletions(-)
 create mode 100644 web/src/components/ProjectOverview.vue

diff --git a/docs/latest/advanced/branding.md b/docs/latest/advanced/branding.md
index 84bb38dc..6a841cfc 100644
--- a/docs/latest/advanced/branding.md
+++ b/docs/latest/advanced/branding.md
@@ -53,4 +53,8 @@ YUXI_BRAND_FILE_PATH=src/config/static/info.local.yaml
 
 ```
 
-**此外**，`web/src/stores/theme.js` 中也包含了主题相关的配置（需要修改 `colorPrimary`），可根据需要修改。
\ No newline at end of file
+**此外**，`web/src/stores/theme.js` 中也包含了主题相关的配置（需要修改 `colorPrimary`），可根据需要修改。
+
+## 修改首页
+
+首页提供了一个插槽组件 `web/src/components/ProjectOverview.vue`，可以在该组件中自定义项目介绍，当前为空文件。（借助 AI 编程可以设计出更好看的首页的）
diff --git a/web/src/components/ProjectOverview.vue b/web/src/components/ProjectOverview.vue
new file mode 100644
index 00000000..6beff519
--- /dev/null
+++ b/web/src/components/ProjectOverview.vue
@@ -0,0 +1,2 @@
+<template>
+</template>
diff --git a/web/src/views/HomeView.vue b/web/src/views/HomeView.vue
index e839d886..9fced927 100644
--- a/web/src/views/HomeView.vue
+++ b/web/src/views/HomeView.vue
@@ -75,6 +75,8 @@
       </div>
     </div>
 
+    <ProjectOverview />
+
     <footer class="footer">
       <div class="footer-content">
         <p class="copyright">{{ infoStore.footer?.copyright || '© 2025 All rights reserved' }}</p>
@@ -91,6 +93,7 @@ import { useInfoStore } from '@/stores/info'
 import { useAgentStore } from '@/stores/agent'
 import { useThemeStore } from '@/stores/theme'
 import UserInfoComponent from '@/components/UserInfoComponent.vue'
+import ProjectOverview from '@/components/ProjectOverview.vue'
 import {
   BookText,
   Bug,
@@ -218,7 +221,7 @@ const actionLinks = computed(() => {
 
 <style lang="less" scoped>
 .home-container {
-  height: 100vh;
+  min-height: 100vh;
   display: flex;
   flex-direction: column;
   color: var(--main-900);
@@ -226,7 +229,6 @@ const actionLinks = computed(() => {
   position: relative;
   overflow-x: hidden;
 }
-
 .glass-header {
   display: flex;
   justify-content: space-between;
@@ -266,8 +268,6 @@ const actionLinks = computed(() => {
   &:hover {
     color: var(--gray-900);
 
-
-
     svg {
       transform: scale(1.1);
     }
@@ -511,7 +511,7 @@ const actionLinks = computed(() => {
 .section {
   width: 100%;
   max-width: 1200px;
-  margin: 0 auto;
+  margin: 50px auto 0px auto;
   padding: 2rem 0;
 }