feat: 完成前端响应式设计优化,增强移动端体验

- 添加触摸手势支持库 (react-spring + @use-gesture/react)
- 照片模态框增加左右滑动切换功能
- 照片画廊增加下拉刷新功能 (移动端)
- 优化所有按钮符合44px最小触摸目标标准
- 增强移动端导航体验,增加悬停和选中状态
- 创建设备信息检测钩子 (useDeviceInfo)
- 开发优化图片组件,支持懒加载和骨架屏
- 改进移动端手势交互和视觉反馈
- 完善响应式断点系统和触摸设备检测
- 前端构建测试成功,开发服务器正常启动

Task 23 completed: 前端响应式设计优化
This commit is contained in:
xujiang
2025-07-11 12:40:46 +08:00
parent 9046befcf1
commit 494d98bee5
9 changed files with 946 additions and 28 deletions

View File

@ -43,6 +43,7 @@
"@radix-ui/react-tooltip": "1.1.6",
"@tanstack/react-query": "^5.81.5",
"@tanstack/react-query-devtools": "^5.81.5",
"@use-gesture/react": "^10.3.1",
"autoprefixer": "^10.4.20",
"axios": "^1.10.0",
"class-variance-authority": "^0.7.1",
@ -61,6 +62,7 @@
"react-dom": "^19",
"react-hook-form": "^7.54.1",
"react-resizable-panels": "^2.1.7",
"react-spring": "^10.0.1",
"recharts": "2.15.0",
"sonner": "^1.7.1",
"tailwind-merge": "^2.5.5",