# 设计稿映射

> 维护设计稿与前端页面/组件的映射关系。新增页面或还原设计稿前必查。

## 设计稿入口

| 平台 | 链接 | 项目 ID / 备注 |
| --- | --- | --- |
| 蓝湖 | 待补充 | 待补充 |
| Figma | 待补充 | 待补充 |

## 状态图例

- ✅ 已完成
- 🚧 部分完成（含具体未完成点）
- ⏳ 待开发
- ⚠️ 仅需求备注（无视觉导出）

---

## 移动端页面映射

| 设计稿名称 | uniapp 页面路径 | 状态 | 备注 |
| --- | --- | --- | --- |
| 赛事中心（含世界杯专题入口） | `uniapp/src/pages/match/match.vue` | ✅ 已完成 | 2026-05-20 按世界杯专题稿补充顶部蓝色专题入口，入口位于标题与运动分类之间 |
| 首页 | `uniapp/src/pages/index/index.vue` | 待核对 | 需结合实际设计稿补充 |
| 新闻详情 | `uniapp/src/pages/news_detail/news_detail.vue` | 待核对 | 富文本与图片渲染已存在相关实现 |
| 个人中心 | 待补充 | 待核对 | 需核对实际页面路径 |
| AI 分析 | 待补充 | 待核对 | 需核对实际页面路径 |

---

## 管理后台页面映射

| 设计稿名称 | admin 页面路径 | 状态 | 备注 |
| --- | --- | --- | --- |
| 工作台 | 待补充 | 待核对 | 需核对实际页面路径 |
| 新闻/文章管理 | 待补充 | 待核对 | 需核对实际页面路径 |
| 系统配置 | 待补充 | 待核对 | 需核对实际页面路径 |

---

## PC 前台页面映射

| 设计稿名称 | pc 页面路径 | 状态 | 备注 |
| --- | --- | --- | --- |
| PC 首页 | `pc/pages/index.vue` | 待核对 | 需结合实际设计稿补充 |
| 新闻详情 | 待补充 | 待核对 | 需核对实际页面路径 |

---

## 维护规范

1. **新增设计稿 → 立即在对应表追加条目**，状态置为 ⏳。
2. **页面开发完成 → 更新状态为 ✅**。
3. **设计稿变更 → 在备注列写明变更日期与差异点**。
4. **需求备注节点不导出视觉**：标 ⚠️，不要在前端开发时寻找视觉资源。
5. **设计稿名称严格使用蓝湖/Figma 节点全称**，避免歧义。