AdingApkgg
8ec22ec86b
Refactor styles to implement translucent effects across components
...
- Updated SettingsModal.vue and VndbPanel.vue to replace the liquid glass effect with a translucent background style for improved performance and visual consistency.
- Modified glassmorphism.css to optimize styles, removing unnecessary backdrop-filter properties and enhancing color and shadow effects for various UI elements.
- Adjusted hover and focus states for buttons and inputs to align with the new translucent design, ensuring a cohesive user experience.
2025-12-26 21:50:31 +08:00
AdingApkgg
2a030ea0f7
Enhance VndbPanel and SettingsModal components with improved UI and functionality
...
- Added a text scrolling feature to the API URL display in SettingsModal.vue for better visibility.
- Updated VndbPanel.vue to implement skeleton loading animations for images, enhancing user experience during content loading.
- Refactored image loading logic to ensure proper display and handling of loading states for screenshots and character images.
2025-12-26 15:24:03 +08:00
AdingApkgg
c46517da8b
feat: 重构进度条与键盘快捷键帮助功能
...
* 移除 `nprogress` 依赖,替换为自定义进度条,使用 `anime.js` 实现更流畅的加载效果。
* 在 `index.html` 中优化主题检测与背景样式,提升用户体验。
* 添加键盘快捷键帮助面板,增强用户交互,支持通过快捷键显示/隐藏。
* 更新多个组件以集成新的键盘帮助功能,确保一致性和可用性。
* 优化 UI 状态管理,支持会话状态的恢复与清除,提升用户体验。
2025-12-21 11:30:04 +08:00
AdingApkgg
6e170c579c
feat: 移除 Quicklink 配置与相关依赖
...
* 从 `.env.example` 和 `env.d.ts` 中移除 `VITE_QUICKLINK_DELAY` 和 `VITE_QUICKLINK_LIMIT` 配置,简化性能设置。
* 更新 `README.md` 和相关文档,删除 Quicklink 相关的使用示例和说明。
* 在 `package.json` 中移除 `quicklink` 依赖,确保项目依赖的整洁性。
* 优化 `vite.config.ts` 和其他组件,调整性能配置以适应新的加载策略。
2025-12-21 10:45:56 +08:00
AdingApkgg
3024e8e707
feat: 添加 WWDC 2025 液态玻璃效果
...
* 在多个组件中实现液态玻璃效果,包括 `CommentsModal.vue`、`SettingsModal.vue`、`VndbPanel.vue`、`SearchHeader.vue` 和 `SearchResults.vue`,提升视觉体验。
* 更新样式以支持液态玻璃高光和背景模糊效果,确保在不同主题下的视觉一致性。
* 在 `index.html` 中添加液态玻璃 SVG 滤镜定义,提供更丰富的视觉效果。
* 引入新的 CSS 类以实现液态玻璃效果,增强用户界面的现代感和交互性。
2025-12-19 18:54:25 +08:00
AdingApkgg
7098d15cb4
feat: 性能优化与组件改进
...
* 在 `index.html` 中添加性能优化的 meta 标签,提升页面加载速度。
* 更新 `App.vue` 中的背景层,使用 GPU 加速和懒加载策略,优化性能。
* 在多个组件中引入 GPU 加速和渲染隔离的 CSS 类,提升动画和交互性能。
* 更新 `FloatingButtons.vue` 和 `SearchHeader.vue` 的样式,确保在不同主题下的视觉一致性。
* 优化 `useClickEffect.ts` 中的点击特效实现,使用对象池和 CSS 变量减少 DOM 操作和样式计算。
* 在 `base.css` 中添加全局性能优化工具类,提升整体渲染效率。
2025-12-15 11:49:41 +08:00
AdingApkgg
051f03b566
feat: 添加 Noto Sans SC 字体支持
...
* 在 `package.json` 中添加 `@fontsource/noto-sans-sc` 依赖,以支持 Noto Sans SC 字体。
* 更新 `src/main.ts` 引入 Noto Sans SC 字体的不同粗细样式。
* 修改 `src/styles/base.css` 中的字体栈,优先使用 Noto Sans SC 字体,提升中文显示效果。
2025-12-15 10:57:09 +08:00
AdingApkgg
8bafeb31b5
feat: 优化路由导航与 UI 状态管理
...
* 更新多个组件以使用查询参数控制 UI 面板,提升用户体验。
* 实现模态框关闭时移除 `ui` 参数,确保 URL 的整洁性。
* 引入新的导航函数,简化路由跳转逻辑,增强代码可读性。
* 更新样式以支持新的玻璃效果,提升视觉一致性。
2025-12-14 07:48:10 +08:00
AdingApkgg
a56f8a9286
feat: 增强 PWA 支持与 UI 体验
...
* 更新 `index.html`,添加防止 FOUC 的脚本和样式,优化主题切换体验。
* 替换 `pace-js` 为 `nprogress`,提升页面加载进度条的性能和视觉效果。
* 引入新的 `SearchHistoryModal` 组件,增强搜索历史功能。
* 更新多个组件以支持新的 UI 状态管理,确保一致性和可读性。
* 优化错误处理逻辑,提供更详细的网络错误信息。
* 删除不再使用的 `SearchHistory.vue` 组件,简化代码结构。
2025-12-14 07:16:53 +08:00
AdingApkgg
942f658648
fix: 更新 API 地址与依赖项版本
...
* 将 API 地址从 `https://cfapi.searchgal.homes ` 更新为 `https://cf.api.searchgal.homes `,确保一致性。
* 更新 `package.json` 中的依赖项版本,包括 `@eslint/js`、`@tailwindcss/vite`、`@types/node`、`@typescript-eslint`、`vite`、`vue` 等,提升项目稳定性和性能。
* 替换 `lazysizes` 为 `lozad.js` 以优化图片懒加载,提升用户体验。
* 更新文档,确保 API 地址和使用示例的一致性。
2025-12-13 07:42:13 +08:00
AdingApkgg
47288cfdaa
feat: 增强艳粉主题样式与组件视觉效果
...
* 更新 `index.html` 中的进度条样式,增加渐变色和动画效果,提升用户体验。
* 在 `tailwind.config.js` 中添加艳粉主题配色和自定义样式,增强主题一致性。
* 引入液态玻璃效果于多个组件,提升视觉层次感。
* 优化 `SearchHeader.vue` 和 `VndbPanel.vue` 中的标题和按钮样式,确保在不同主题下的可读性。
* 更新 `SettingsModal.vue` 和 `TopToolbar.vue` 的样式,增强用户交互体验。
2025-11-27 05:19:15 +08:00
AdingApkgg
fcd823ade3
feat: 增强主题支持与自定义样式功能
...
* 移除旧的主题颜色变量,改为支持自定义 CSS 样式,提升用户界面的灵活性。
* 在 `App.vue` 中实现自定义 CSS 的加载与应用,确保用户设置的实时更新。
* 更新 `SettingsModal.vue`,允许用户输入自定义 CSS,增强个性化体验。
* 优化多个组件的样式,确保在不同主题下的视觉一致性。
* 删除不再使用的主题相关文件,简化代码结构。
2025-11-27 04:24:41 +08:00
AdingApkgg
92246b2139
feat: 统一主题样式与增强组件视觉一致性
...
* 更新多个组件的样式以使用新的主题颜色变量,确保在不同模式下的视觉一致性。
* 优化滚动条样式,提升整体用户体验。
* 在 `SearchHeader.vue` 和 `VndbPanel.vue` 中调整背景和文本颜色,增强可读性。
* 增加对 `customApi` 的监听,确保设置变化时的实时更新。
2025-11-21 17:38:09 +08:00
AdingApkgg
a66b4b628e
feat: 增强主题支持与样式优化
...
* 在 `index.html` 中定义新的主题颜色变量,支持动态主题切换。
* 更新多个组件的样式以适应新主题,确保在不同模式下的视觉一致性。
* 在 `App.vue` 中初始化主题设置,提升用户体验。
* 增加主题选择功能于 `SettingsModal.vue`,允许用户实时预览和保存主题选择。
* 优化背景层和滚动条样式,提升整体视觉效果。
2025-11-21 03:16:02 +08:00