feat(ui): 重构登录页和主页UI设计，优化品牌信息配置

- 将登录背景图片移至public目录并更新引用路径
- 完全重构登录页面布局，分为图片区和表单区
- 优化主页布局，添加导航链接和底部版权信息
- 更新品牌信息配置，移除short_name字段
- 调整多个组件的样式和间距
- 更新README添加品牌配置说明

Author: xerrors

README.md

@@ -220,6 +220,13 @@ docker compose up paddlex --build
 | 8081 | vLLM | 本地推理（可选）|
 
 
+### 品牌信息配置
+
+在主页和登录页面的很多信息，比如 Logo，组织名称，版权信息等，都可以复制 [src/static/info.template.yaml](src/static/info.template.yaml)，并新建一个 `src/static/info.local.yaml`，在这个文件中配置。在项目启动时，会加载这个文件，然后根据文件中的配置，渲染到前端页面中。如果 `src/static/info.local.yaml` 不存在，会使用 [src/static/info.template.yaml](src/static/info.template.yaml) 中的配置。
+
+系统的配色方面，主要保存在 [web/src/assets/css/base.css](web/src/assets/css/base.css) 中。只要替换其中的 `--main-*` 相关的变量，就可以改变系统的配色。
+
+
 ## ❓ 常见问题
 
 暂无

server/routers/system_router.py

@@ -87,7 +87,7 @@ def load_info_config():
         # 检查文件是否存在
         if not config_path.exists():
             logger.debug(f"The config file {config_path} does not exist, using default config")
-            return get_default_info_config()
+            config_path = Path("src/static/info.template.yaml")
 
         # 读取配置文件
         with open(config_path, encoding='utf-8') as file:
@@ -104,11 +104,11 @@ def get_default_info_config():
     return {
         "organization": {
             "name": "江南语析",
-            "short_name": "语析",
             "logo": "/favicon.svg",
             "avatar": "/avatar.jpg"
         },
         "branding": {
+            "name": "Yuxi-Know",
             "title": "Yuxi-Know",
             "subtitle": "大模型驱动的知识库管理工具",
             "description": "结合知识库与知识图谱，提供更准确、更全面的回答"
@@ -119,7 +119,7 @@ def get_default_info_config():
             "🤖 多模型支持"
         ],
         "footer": {
-            "copyright": "© 江南语析 2025 [WIP] v0.12.138"
+            "copyright": "© 江南语析 2025 [WIP] v0.2.0"
         }
     }
 

src/static/info.template.yaml

@@ -1,26 +1,26 @@
 # 单位信息配置文件
 # 用于配置网站的基本信息、品牌信息等
-# 修改后需要重启服务生效
 
 # 组织信息
 organization:
   name: "江南语析"           # 完整组织名称
-  short_name: "语析"         # 简短名称
-  logo: "/favicon.svg"       # Logo文件路径
-  avatar: "/avatar.jpg"      # 头像文件路径
+  logo: "/favicon.svg"       # Logo文件路径（放在 web/public 目录下）
+  avatar: "/avatar.jpg"      # 头像文件路径（放在 web/public 目录下）
+  login_bg: "/login-bg.jpg"  # 登录背景图片路径（放在 web/public 目录下）
 
-# 品牌信息
+# 项目信息
 branding:
-  title: "Yuxi-Know"                           # 系统标题
+  name: "Yuxi-Know"
+  title: "Yuxi-Know: 更智能的知识库管理工具"                           # 系统标题
   subtitle: "大模型驱动的知识库管理工具"          # 副标题
   description: "结合知识库与知识图谱，提供更准确、更全面的回答"  # 描述信息
 
 # 功能特性
 features:
   - "📚 灵活知识库"
   - "🕸️ 知识图谱集成"
-  - "🤖 多模型支持"
+  - "🤖 权限隔离"
 
 # 页脚信息
 footer:
-  copyright: "© 江南语析 2025 [WIP] v0.12.138"
+  copyright: "© 江南语析 2025 v0.2.0"

web/public/login-bg.jpg

@@ -3,7 +3,7 @@
 @import './shorts.css';
 
 :root {
-  --header-height: 60px;
+  --header-height: 45px;
   --min-width: 450px;
 }
 

web/src/assets/css/main.css

@@ -1381,7 +1381,7 @@ const mergeMessageChunk = (chunks) => {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding: 1rem;
+    padding: 1rem 8px;
     border-bottom: 1px solid var(--main-20);
 
     .header__left, .header__right, .header__center {

web/src/assets/pics/login_bg.jpg

@@ -238,7 +238,7 @@ const toggleCollapse = () => {
 
   .conversation-list-top {
     padding: 8px 12px;
-    border-bottom: 1px solid var(--gray-200);
+    // border-bottom: 1px solid var(--gray-200);
 
     .new-chat-btn {
       width: 100%;

web/src/components/AgentChatComponent.vue

@@ -113,7 +113,6 @@ const mainList = [{
       <div class="logo circle">
         <router-link to="/">
           <img :src="infoStore.organization.avatar">
-          <span class="logo-text">{{ infoStore.organization.short_name }}</span>
         </router-link>
       </div>
       <div class="nav">
@@ -278,18 +277,14 @@ div.header, #app-router-view {
   .logo {
     width: 40px;
     height: 40px;
-    margin: 14px 0 14px 0;
+    margin: 8px 0 14px 0;
 
     img {
       width: 100%;
       height: 100%;
       border-radius: 4px;  // 50% for circle
     }
 
-    .logo-text {
-      display: none;
-    }
-
     & > a {
       text-decoration: none;
       font-size: 24px;
@@ -464,14 +459,6 @@ div.header, #app-router-view {
       margin-right: 8px;
     }
 
-    .logo-text {
-      display: block;
-      font-size: 16px;
-      font-weight: 600;
-      letter-spacing: 0.5px;
-      color: var(--main-color);
-      white-space: nowrap;
-    }
   }
 
   .nav {

web/src/components/ChatSidebarComponent.vue

@@ -11,13 +11,13 @@ export const useInfoStore = defineStore('info', () => {
   // 计算属性 - 组织信息
   const organization = computed(() => infoConfig.value.organization || {
     name: "江南语析",
-    short_name: "语析",
     logo: "/favicon.svg",
     avatar: "/avatar.jpg"
   })
 
   // 计算属性 - 品牌信息
   const branding = computed(() => infoConfig.value.branding || {
+    name: "Yuxi-Know",
     title: "Yuxi-Know",
     subtitle: "大模型驱动的知识库管理工具",
     description: "结合知识库与知识图谱，提供更准确、更全面的回答"