From 7098d15cb4e7a1a032bee84ca10523de99c9f8f7 Mon Sep 17 00:00:00 2001 From: AdingApkgg Date: Mon, 15 Dec 2025 11:49:41 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E6=80=A7=E8=83=BD=E4=BC=98=E5=8C=96?= =?UTF-8?q?=E4=B8=8E=E7=BB=84=E4=BB=B6=E6=94=B9=E8=BF=9B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * 在 `index.html` 中添加性能优化的 meta 标签，提升页面加载速度。 * 更新 `App.vue` 中的背景层，使用 GPU 加速和懒加载策略，优化性能。 * 在多个组件中引入 GPU 加速和渲染隔离的 CSS 类，提升动画和交互性能。 * 更新 `FloatingButtons.vue` 和 `SearchHeader.vue` 的样式，确保在不同主题下的视觉一致性。 * 优化 `useClickEffect.ts` 中的点击特效实现，使用对象池和 CSS 变量减少 DOM 操作和样式计算。 * 在 `base.css` 中添加全局性能优化工具类，提升整体渲染效率。 --- index.html | 6 +- package.json | 2 +- pnpm-lock.yaml | 28 +-- src/App.vue | 168 ++++++++++---- src/components/FloatingButtons.vue | 35 ++- src/components/SearchHeader.vue | 361 +++++++++++++++++++++++------ src/components/SearchResults.vue | 34 ++- src/components/TopToolbar.vue | 33 ++- src/composables/useClickEffect.ts | 139 +++++++---- src/composables/usePerformance.ts | 187 +++++++++++++++ src/stores/search.ts | 2 +- src/styles/base.css | 158 +++++++++++++ src/styles/glassmorphism.css | 225 ++++++++++++------ 13 files changed, 1094 insertions(+), 284 deletions(-) create mode 100644 src/composables/usePerformance.ts diff --git a/index.html b/index.html index 29dc311..2c9cc31 100644 --- a/index.html +++ b/index.html @@ -100,6 +100,10 @@ + + + + diff --git a/src/components/SearchResults.vue b/src/components/SearchResults.vue index 89c785b..cf79487 100644 --- a/src/components/SearchResults.vue +++ b/src/components/SearchResults.vue @@ -1,11 +1,13 @@