From c46517da8babe371cfdbef9cbceaa4501c1bd748 Mon Sep 17 00:00:00 2001 From: AdingApkgg Date: Sun, 21 Dec 2025 11:30:04 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E9=87=8D=E6=9E=84=E8=BF=9B=E5=BA=A6?= =?UTF-8?q?=E6=9D=A1=E4=B8=8E=E9=94=AE=E7=9B=98=E5=BF=AB=E6=8D=B7=E9=94=AE?= =?UTF-8?q?=E5=B8=AE=E5=8A=A9=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * 移除 `nprogress` 依赖,替换为自定义进度条,使用 `anime.js` 实现更流畅的加载效果。 * 在 `index.html` 中优化主题检测与背景样式,提升用户体验。 * 添加键盘快捷键帮助面板,增强用户交互,支持通过快捷键显示/隐藏。 * 更新多个组件以集成新的键盘帮助功能,确保一致性和可用性。 * 优化 UI 状态管理,支持会话状态的恢复与清除,提升用户体验。 --- index.html | 75 ++++--- package.json | 4 - pnpm-lock.yaml | 32 --- src/App.vue | 13 +- src/components/CommentsModal.vue | 51 +++++ src/components/KeyboardHelpPanel.vue | 212 ++++++++++++++++++ src/components/SearchHeader.vue | 171 +++------------ src/components/SettingsModal.vue | 14 +- src/components/TopToolbar.vue | 19 +- src/composables/useKeyboardShortcuts.ts | 7 + src/composables/useProgress.ts | 277 ++++++++++++++++++++++-- src/main.ts | 3 +- src/stores/ui.ts | 136 +++++++++++- src/styles/nprogress.css | 106 --------- vite.config.ts | 1 - 15 files changed, 765 insertions(+), 356 deletions(-) create mode 100644 src/components/KeyboardHelpPanel.vue delete mode 100644 src/styles/nprogress.css diff --git a/index.html b/index.html index be0a364..14a43e7 100644 --- a/index.html +++ b/index.html @@ -1,31 +1,12 @@ - + - - + + SearchGal - Galgame 聚合搜索 @@ -168,14 +177,12 @@ /* 文本选中高亮 - 艳粉主色调 */ ::selection { - background: linear-gradient(135deg, rgba(255, 20, 147, 0.35), rgba(255, 105, 180, 0.3)); + background-color: rgba(255, 20, 147, 0.35); color: #1d1b1e; - text-shadow: 0 0 8px rgba(255, 255, 255, 0.5); } .dark ::selection { - background: linear-gradient(135deg, rgba(255, 105, 180, 0.4), rgba(232, 121, 249, 0.35)); + background-color: rgba(255, 105, 180, 0.4); color: #ffffff; - text-shadow: 0 0 10px rgba(255, 20, 147, 0.6); } /* ============================================ @@ -209,8 +216,8 @@