From 30ddf583e501e4abffccdcfd09fbf2f6f56fce35 Mon Sep 17 00:00:00 2001 From: Yuhang Wu Date: Tue, 13 Oct 2026 14:27:38 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E9=87=8D=E6=9E=84=E9=A1=B5=E9=9D=A2?= =?UTF-8?q?=E5=B8=83=E5=B1=80=E4=B8=BA=E7=8B=AC=E7=AB=8B=E7=A3=A8=E7=A0=82?= =?UTF-8?q?=E5=8D=A1=E7=89=87=E6=A0=B7=E5=BC=8F=E5=B9=B6=E4=BF=AE=E6=94=B9?= =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=BA=93=E6=96=87=E4=BB=B6=E5=90=8D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 优化说明： 1. 调整多个页面布局，将内容区拆分为独立的磨砂卡片，统一样式规范 2. 修改全局磨砂玻璃面板的透明度，避免阴影叠加导致的灰色遮罩 3. 新增扁平磨砂卡片样式，移除不必要的阴影 4. 将数据库文件名从 reader.db 改为 frpilot.db 5. 更新相关文档说明，同步 UI 修改内容 --- docs/Frpilot开发提示词.md | 14 ++++++++++++-- src-tauri/src/services/db.rs | 2 +- src/assets/main.css | 8 +++++++- src/layout/Layout.vue | 2 +- src/views/Dashboard.vue | 13 ++++++++++--- src/views/Download.vue | 13 ++++++++++--- src/views/Servers.vue | 26 ++++++++++++++------------ src/views/Setting.vue | 2 +- src/views/Tunnels.vue | 13 ++++++++++--- 9 files changed, 66 insertions(+), 27 deletions(-) diff --git a/docs/Frpilot开发提示词.md b/docs/Frpilot开发提示词.md index f3bb066..b10c861 100644 --- a/docs/Frpilot开发提示词.md +++ b/docs/Frpilot开发提示词.md @@ -28,7 +28,7 @@ ### 2. 设置页面外观设置 -#### 窗口背景设置开发 +#### 2.1 窗口背景设置开发 - 我新加了一个设置页面Setting.vue和一个外观设置Appearance.vue文件，帮我在路由表里面增加设置页路由，以及外观设置子路由 - 设置页面左侧为菜单栏，先增加第一项菜单-外观设置，设置项为主题模式切换（明/暗）、背景图片切换 @@ -37,6 +37,14 @@ 开发过程中使用到的组件尽可能全部使用Antdv库里面的，另外我引入的有tailwindcss原子化组件，开发之前尽可能先阅读一下package.json，看一下有哪些依赖可以简化代码开发 +#### 2.2 UI修改 + +Layout布局content区域的磨砂玻璃卡片圆角样式我要改动一下： + +- 不是在整个main区域设置成glass-panel样式 +- 而是在每一个页面单独设置，现在先以服务器配置页面为例，按照我图片中红色框选部分作为区域分割 +- 左侧菜单栏已经是glass-panel样式，现在需要在main区域设置成圆角卡片磨砂玻璃效果 + ### 3. 功能开发 #### 3.1 开发服务器配置功能 @@ -46,4 +54,6 @@ - 页面展示已经配置的服务器列表，列表服务器以卡片形式展示，卡片有开关可以直接操作是否置顶和是否启用，是否启用选项只能启用一个，另外还需要有编辑和删除，新增和编辑使用同一个表单 - 服务器信息在Rust端使用SQLite存储，Rust已经加入相关的sqlx依赖等，后端操作返回前端务必使用ApiResponse统一返回格式，前端也需要做好对应的类型匹配 -开发过程中使用到的组件尽可能全部使用Antdv库里面的，另外我引入的有tailwindcss原子化组件、auto-import和components依赖可以简化引入，开发之前尽可能先阅读一下package.json，看一下有哪些依赖可以简化代码开发 \ No newline at end of file +开发过程中使用到的组件尽可能全部使用Antdv库里面的，另外我引入的有tailwindcss原子化组件、auto-import和components依赖可以简化引入，开发之前尽可能先阅读一下package.json，看一下有哪些依赖可以简化代码开发 + +3.2 开发隧道 \ No newline at end of file diff --git a/src-tauri/src/services/db.rs b/src-tauri/src/services/db.rs index 86d4bb1..752dfd6 100644 --- a/src-tauri/src/services/db.rs +++ b/src-tauri/src/services/db.rs @@ -5,7 +5,7 @@ pub async fn init_pool(app: &AppHandle) -> Result { // 数据库文件路径 let app_dir = app.path().app_data_dir().expect("无法获取APP数据目录"); std::fs::create_dir_all(&app_dir).unwrap(); - let db_path = app_dir.join("reader.db"); + let db_path = app_dir.join("frpilot.db"); // 初始化数据库连接池 let options = SqliteConnectOptions::new() .filename(&db_path) diff --git a/src/assets/main.css b/src/assets/main.css index 1008dfd..6b680fc 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -56,6 +56,12 @@ body { justify-content: center; } +/* 主内容区卡片：去掉投影，避免上下卡片之间的阴影透过半透明背景叠加成灰色遮罩 */ +.glass-panel.glass-panel-flat, +.dark .glass-panel.glass-panel-flat { + box-shadow: none; +} + /* 窗口圆角固定 8px，与 Windows 11 系统默认圆角保持一致 */ #app { border-radius: 8px; @@ -66,7 +72,7 @@ body { .glass-panel { border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.55); - background: rgba(255, 255, 255, 0.55); + background: rgba(255, 255, 255, 0.35); backdrop-filter: blur(18px) saturate(160%); -webkit-backdrop-filter: blur(18px) saturate(160%); box-shadow: 0 8px 32px rgba(15, 23, 42, 0.12); diff --git a/src/layout/Layout.vue b/src/layout/Layout.vue index f04b3ea..17f3c21 100644 --- a/src/layout/Layout.vue +++ b/src/layout/Layout.vue @@ -8,7 +8,7 @@
diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue index e1c2436..0de027e 100644 --- a/src/views/Dashboard.vue +++ b/src/views/Dashboard.vue @@ -1,7 +1,14 @@ diff --git a/src/views/Download.vue b/src/views/Download.vue index 2c7d5e3..de0898b 100644 --- a/src/views/Download.vue +++ b/src/views/Download.vue @@ -1,7 +1,14 @@ diff --git a/src/views/Servers.vue b/src/views/Servers.vue index f864128..856029a 100644 --- a/src/views/Servers.vue +++ b/src/views/Servers.vue @@ -1,7 +1,7 @@