Commit Graph

88 Commits

Author SHA1 Message Date
AdingApkgg
97bffb78cc Refactor components to replace liquid glass effects with translucent styles
- Removed liquid glass SVG filters and related styles from index.html and various components, including CommentsModal.vue, FloatingButtons.vue, and SearchHeader.vue.
- Updated styles across multiple components to implement a consistent translucent effect, enhancing visual coherence and performance.
- Adjusted background colors, borders, and shadows to align with the new design approach, ensuring a modern and clean aesthetic.
2025-12-26 21:58:28 +08:00
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
62c0abd4ac Refactor modals to use consistent structure and remove window management features
- Updated CommentsModal.vue, SettingsModal.vue, and VndbPanel.vue to change the comment, settings, and VNDB panels from floating windows to modal dialogs.
- Removed the WindowResizeHandles component and related window management logic to simplify the modal implementation.
- Enhanced the styling and structure of modals for improved consistency across the application.
2025-12-26 21:47:36 +08:00
AdingApkgg
56d4178da8 Implement parallel VNDB data fetching and improve scrolling behavior in SearchHeader.vue
- Added functionality to fetch VNDB data concurrently when in game search mode, ensuring data consistency during rapid search term changes.
- Introduced a flag to manage scrolling behavior, allowing for smoother user experience by scrolling to results only after a minimum number of platform results are available.
- Enhanced error handling for VNDB requests to prevent disruption of the main search process.
2025-12-26 21:29:32 +08:00
AdingApkgg
1e192cef3c Enhance service worker caching strategy and update fetchVndbQuotes filter structure
- Updated service worker to improve caching of static resources, including additional file types and core resources for faster loading.
- Refactored fetchVndbQuotes to modify filter structure for better clarity and functionality.
2025-12-26 21:21:19 +08:00
AdingApkgg
a3bed57fbb Fix filter structure in fetchVndbQuotes and enhance screenshot validation in VndbPanel.vue
- Updated the filter format in fetchVndbQuotes to directly use vnId for improved clarity.
- Added a check in VndbPanel.vue to ensure the current game ID matches before processing screenshots, preventing unnecessary updates.
2025-12-26 21:17:01 +08:00
AdingApkgg
fef9629b8f Enhance translation handling and state management in VndbPanel.vue
- Introduced a mechanism to track the current game ID to prevent data inconsistencies during game switches.
- Refactored translation functions to include silent mode for background translations without audio feedback.
- Improved logic for loading character and quote translations, ensuring they are only processed if the game ID remains unchanged.
- Enhanced screenshot loading checks to ensure images are fully loaded before updating the UI state.
2025-12-26 20:25:07 +08:00
AdingApkgg
6c72391768 Refactor VndbPanel.vue to streamline image loading and translation handling
- Removed lazy loading attribute from images for improved performance.
- Simplified the logic for loading characters and quotes, integrating automatic translation upon loading.
- Cleaned up unused imports and optimized the code structure for better maintainability.
2025-12-26 20:17:06 +08:00
AdingApkgg
228390194e Refactor image loading and placeholder logic in VndbPanel.vue
- Updated the structure for image loading to improve clarity and maintainability.
- Introduced a template for conditional rendering of images and skeleton loading.
- Enhanced the placeholder display for characters without images for better user experience.
2025-12-26 19:12:01 +08:00
Asuna
eb1950fa4c Merge pull request #43 from Feiyuwan09/patch-2
Update friends.json
2025-12-26 19:09:52 +08:00
AdingApkgg
80ea9774d9 Remove voice actor section from VndbPanel.vue and refactor related logic
- Eliminated the voice actor display section to streamline the component.
- Updated image loading logic to focus on screenshot handling within the current panel.
- Adjusted the layout and state management for improved clarity and performance.
2025-12-26 18:56:28 +08:00
Feiyuwan09
414f374aa4 Update friends.json 2025-12-26 15:40:48 +08:00
AdingApkgg
7038145d09 Refactor image loading logic in VndbPanel.vue to enhance screenshot handling
- Updated the logic to locate screenshots using the alt attribute for better accuracy.
- Improved the condition to check if images are loaded and have valid dimensions before setting the screenshotsReady state.
2025-12-26 15:28:15 +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
d88f715df9 Refactor image handling and layout in VndbPanel.vue and search.ts
- Updated image URL handling in fetchVndbCharacters to ensure proper proxy usage.
- Enhanced VndbPanel.vue layout with improved image placeholders and loading animations.
- Adjusted voice actor and character display logic to show more entries in a responsive grid format.
- Improved overall UI consistency with new gradient backgrounds and overlay text for better readability.
2025-12-26 15:03:24 +08:00
AdingApkgg
22ca50954e Enhance quote translation handling in VndbPanel.vue
- Added success and error sound feedback for quote translation actions.
- Improved user experience by providing audio cues for successful and failed translations.
2025-12-26 14:54:14 +08:00
AdingApkgg
87e328748d Update VndbPanel.vue to enhance voice actor display and improve UI
- Changed section title from "声优" to "角色配音" for better clarity.
- Adjusted the layout to display voice actors in a more responsive grid format.
- Updated the logic to limit displayed voice actors to 8 when collapsed.
- Improved image handling for voice actors, including a fallback for missing images.
- Enhanced button text for toggling voice actor visibility to reflect character count.
2025-12-26 14:52:59 +08:00
AdingApkgg
d5536b0f0e Enhance VndbPanel and related components with character and quote features
- Updated VndbPanel.vue to include new sections for displaying characters and quotes, enhancing the overall functionality.
- Added support for fetching and displaying character details and quotes from the VNDB API.
- Improved the UI with loading indicators and toggle buttons for expanded sections.
- Refactored translation handling to support quotes and added a one-click translation feature for all content.
- Cleaned up the codebase by optimizing imports and restructuring state management for better clarity.
2025-12-26 14:41:54 +08:00
AdingApkgg
919761a232 Refactor VndbPanel and related components to enhance functionality and UI
- Removed the Fancybox integration and related code from the project.
- Updated VndbPanel.vue to include new features such as displaying voice actors, related works, and external links.
- Enhanced the structure of VndbInfo to include additional fields like tags, relations, and developers.
- Improved the image handling and gallery functionality for better user experience.
- Cleaned up the codebase by removing unused imports and optimizing component logic.
2025-12-26 13:39:22 +08:00
AdingApkgg
5dc0f1823d Refactor SearchHeader and SearchResults components for improved layout and styling
- Adjusted the layout of the SearchHeader component to enhance responsiveness and visibility of the enter hint.
- Updated the SearchResults component to refine card styling and ensure consistent rounded corners across different screen sizes.
- Removed unused tag-related code from SearchHeader.vue to streamline the component.
2025-12-25 22:22:06 +08:00
AdingApkgg
e94c1f77af Enhance SearchHeader and SettingsModal components with improved UI and functionality
- Updated the SearchHeader.vue to include a new gradient background and reorganized the usage instructions into a more structured format with icons.
- Modified SettingsModal.vue to clarify API server options and added new server options for Japan and Germany, enhancing user experience and flexibility.
2025-12-25 22:08:53 +08:00
AdingApkgg
4b1484dd8a Update package dependencies and clean up component code
- Bump versions of `@typescript-eslint/eslint-plugin`, `@typescript-eslint/parser`, `typescript-eslint`, and `vue-tsc` in `package.json`.
- Remove unnecessary empty lines in `CommentsModal.vue`, `FloatingButtons.vue`, and `SearchHeader.vue` for improved code readability.
2025-12-25 19:40:00 +08:00
AdingApkgg
1f8928132e Remove friends.json and update SearchHeader.vue to import friend links directly from the new path. 2025-12-25 19:11:48 +08:00
AdingApkgg
3a98ad209c feat: 添加友情链接功能与更新组件样式
* 在 `SearchHeader.vue` 中添加友情链接展示功能,支持从 `/data/friends.json` 加载数据。
* 更新 `UpdateToast.vue` 中的倒计时逻辑,将倒计时从 3 秒延长至 5 秒。
* 优化 `vite.config.ts` 和其他组件的样式,提升整体用户体验。
* 在 `useSound.ts` 和 `ui.ts` 中清理多余的空行,保持代码整洁。
2025-12-25 15:18:20 +08:00
AdingApkgg
79ef740959 feat: 优化组件样式与功能
* 在 `CommentsModal.vue`、`SettingsModal.vue` 和 `VndbPanel.vue` 中添加 `will-change: transform`,提升性能。
* 更新 `FloatingButtons.vue` 中的条件判断,确保进度条显示更准确。
* 在 `SettingsModal.vue` 中扩展 API 选项,增加对美国洛杉矶服务器的支持,提升用户选择的灵活性。
* 在 `useWindowManager.ts` 中优化样式计算,使用 `transform` 提升性能,避免布局重排。
2025-12-23 09:56:13 +08:00
AdingApkgg
e8349e4131 feat: 更新 ESLint 配置与组件代码风格
* 在 `eslint.config.js` 中添加多个只读全局变量,增强代码的可读性和一致性。
* 在多个组件中调整代码风格,确保条件语句使用大括号包裹,提高代码的可维护性。
* 优化 `AnimatedBackground.vue`、`CommentsModal.vue`、`SearchHeader.vue`、`SettingsModal.vue`、`StatsCorner.vue`、`VndbPanel.vue`、`useAnime.ts`、`useFancybox.ts`、`useProgress.ts`、`useTextScroll.ts` 和 `useWindowManager.ts` 中的逻辑,提升代码质量和一致性。
2025-12-21 11:47:08 +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
ab38af6748 feat: 重构背景层与动画效果
* 更新 `App.vue` 中的背景层结构,使用 `motion-v` 实现动态背景切换,提升用户体验。
* 修改 `index.html` 中的背景样式,简化背景层的 CSS,增强视觉效果。
* 在 `CommentsModal.vue`、`SettingsModal.vue` 和 `VndbPanel.vue` 中调整样式,确保模态框在不同主题下的视觉一致性。
* 在 `search.ts` 中添加 `totalResults` 计算属性,优化搜索结果统计逻辑。
2025-12-14 09:52:55 +08:00
AdingApkgg
921dd61b59 feat: 更新依赖与优化服务工作者
* 移除 `vue-router` 依赖,简化项目结构。
* 更新 `package.json` 和 `pnpm-lock.yaml`,确保依赖项的整洁性。
* 优化服务工作者 `sw.js`,引入缓存策略和版本管理,提升 PWA 性能。
* 更新多个组件的样式,增强用户界面的视觉一致性。
* 调整 `vite.config.ts`,引入新的插件以支持服务工作者版本管理。
2025-12-14 09:20:15 +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
052f9c5ed9 feat: 添加环境变量支持与PWA功能增强
* 更新 `.gitignore` 文件以包含环境变量文件 `.env` 和相关配置。
* 在 `env.d.ts` 中定义环境变量类型,支持 API 配置、功能开关和主题设置。
* 更新 `index.html`,添加 PWA 相关的 manifest 和 meta 标签,提升应用的安装体验。
* 引入 `lazysizes` 和 `quicklink` 以优化图片加载和链接预加载,提升性能。
* 更新多个组件以使用新的 UI 状态管理,确保一致性和可读性。
* 删除不再使用的 Font Awesome 图标,替换为 lucide-vue-next 图标,提升视觉一致性。
* 更新 `README.md`,添加环境变量配置说明和项目文档链接。
2025-11-27 18:21:09 +08:00
AdingApkgg
16e7dacd97 feat: 添加 lucide-vue-next 图标库并优化组件样式
* 在 `package.json` 中添加 `lucide-vue-next` 依赖,增强图标使用灵活性。
* 更新多个组件,替换 Font Awesome 图标为 lucide-vue-next 图标,提升视觉一致性。
* 优化 `CommentsModal.vue`、`FloatingButtons.vue`、`SearchHeader.vue` 等组件的样式,确保在不同主题下的可读性和美观性。
* 调整搜索结果和设置面板的布局,提升用户体验。
2025-11-27 15:20:07 +08:00
AdingApkgg
4d44d5b620 251127 2025-11-27 13:06:33 +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
AdingApkgg
a62ca55519 feat: 更新依赖项与优化组件样式
* 在 `package.json` 中添加 ESLint 相关依赖,增强代码质量管理。
* 更新 `index.html` 中的样式,移除图片懒加载的默认透明度设置,避免显示问题。
* 在 `App.vue` 和其他组件中优化代码格式,提升可读性和一致性。
* 更新 `env.d.ts` 文件,添加类型注释以支持 Vue 组件的类型定义。
* 在 `StatsCorner.vue` 中引入过渡效果,提升用户体验。
2025-11-20 15:57:39 +08:00
AdingApkgg
94214a09de feat: 更新 favicon 设置与搜索标题样式
* 在 `index.html` 中更新 favicon 设置,添加 SVG 格式和 Apple Touch Icon,提升视觉效果。
* 在 `SearchHeader.vue` 中优化标题样式,移除不必要的图标,简化布局。
2025-11-20 04:17:51 +08:00
AdingApkgg
81533bbd9f feat: 增加设置功能与统计信息展示
* 在 `App.vue` 中引入 `SettingsModal` 和 `StatsCorner` 组件,增强用户设置和统计信息的可视化。
* 更新 `TopToolbar` 组件,添加设置按钮以便用户快速访问设置。
* 在 `SearchHeader.vue` 中优化布局,提升视觉效果和用户体验。
2025-11-20 04:11:49 +08:00
AdingApkgg
06166500e7 fix: 调整搜索标题的样式以提升视觉效果
* 更新 `SearchHeader.vue` 中的标题样式,增加顶部间距以改善布局和视觉一致性。
2025-11-20 03:51:13 +08:00
AdingApkgg
9d1bc0ecf7 feat: 增加背景层转场动画与暗色模式样式优化
* 在 `index.html` 中添加多种背景层转场动画效果,提升视觉体验。
* 更新 `App.vue` 中的图片切换逻辑,支持随机转场动画和慢慢放大效果。
* 增强暗色模式下的输入框和通知样式,确保视觉一致性与可读性。
2025-11-20 03:48:56 +08:00
AdingApkgg
49128d77c1 feat: 增加暗色主题支持与样式优化
* 在 `index.html` 中添加主题颜色变量,支持白天和黑夜模式。
* 更新多个组件的样式,确保在暗色主题下的视觉一致性。
* 在 `App.vue` 中引入 `TopToolbar` 组件,增强用户界面。
* 优化图片缓存逻辑,支持批量删除旧图片,提升性能。
* 移除不必要的分享按钮,简化 `FloatingButtons.vue` 组件结构。
2025-11-20 03:36:13 +08:00
AdingApkgg
8112b2704e feat: 更新 README 文档与组件,增强用户体验
* 在 `README.md` 中添加项目介绍、特性、技术栈和安装指南,提供更全面的项目信息。
* 在 `App.vue` 中恢复搜索状态,提升用户体验。
* 更新 `search.ts`,扩展 VNDB 信息结构,支持更多游戏数据字段。
* 在 `FloatingButtons.vue` 中新增分享和站点导航按钮,优化交互功能。
* 移除 `PlatformNav.vue` 组件,整合导航功能至 `FloatingButtons.vue`,简化结构。
* 在 `SearchHeader.vue` 中添加搜索历史功能,提升搜索效率。
* 更新 `VndbPanel.vue`,优化游戏信息展示,增加开发商和平台信息显示。
2025-11-20 03:03:53 +08:00