主要修复: 1. Logo 显示规范化 - 仅在登录页、首页显示,详情页显示'无图片'占位符 2. Nginx 图片代理修复 - 调整 location 优先级,/uploads 优先级最高 3. 后端图片数据加载 - get_collections() API 返回图片数据 4. 前端图片路径修复 - 直接使用 path 字段,避免路径重复 技术细节: - Nginx location 优先级调整 (config/nginx.conf) - 前端 Detail.jsx 图片路径和 onError 处理 - 后端 collections.py 图片数据加载 - 前端 Login.jsx/Home.jsx Logo 引用统一 影响范围: - ✅ 藏品列表图片显示 - ✅ 藏品详情图片显示 - ✅ 图片预览弹窗 - ✅ Logo 使用规范化 测试验证: - 所有图片功能正常 - Logo 显示规范 - API 返回图片数据 |
||
|---|---|---|
| .. | ||
| .gitkeep | ||
| README.md | ||
README.md
图标资源
本目录存放项目的各种图标文件。
📁 需要的图标
浏览器图标
favicon.ico- 16x16, 32x32(浏览器标签页)
iOS 设备
apple-touch-icon.png- 180x180(iPhone/iPad 主屏幕)
Android 设备
android-chrome-192.png- 192x192android-chrome-512.png- 512x512
PWA
maskable-icon.png- 512x512(可适配图标)
🎨 生成工具
推荐使用在线工具生成全套图标:
📝 使用示例
在 frontend/index.html 中添加:
<head>
<!-- 标准 favicon -->
<link rel="icon" href="/static/icons/favicon.ico" />
<!-- iOS 设备 -->
<link rel="apple-touch-icon" href="/static/icons/apple-touch-icon.png" />
<!-- Android Chrome -->
<link rel="icon" type="image/png" sizes="192x192"
href="/static/icons/android-chrome-192.png" />
<link rel="icon" type="image/png" sizes="512x512"
href="/static/icons/android-chrome-512.png" />
</head>
最后更新: 2026-03-16