worldcup-mini/DEVELOPMENT_PLAN.md

2026美加墨世界杯小程序开发计划

项目概述

• 框架: uni-app (Vue3) + Vite
• 目标: 完善赛程管理、球队数据、球员数据

开发任务

Phase 1: 数据层 (高优先级)

1. 创建 src/data/teams.js - 48支球队数据
2. 创建 src/data/players.js - 球员数据
3. 创建 src/data/schedule.js - 赛程数据
4. 创建 src/data/stadiums.js - 球场数据

Phase 2: API层

1. 完善 src/api/worldcup.js - 添加本地数据接口

Phase 3: 页面完善

1. src/pages/schedule/index.vue - 赛程页面
2. src/pages/teams/index.vue - 球队列表
3. src/pages/team-detail/index.vue - 球队详情
4. src/pages/players/index.vue - 球员列表
5. src/pages/match-detail/index.vue - 比赛详情
6. src/pages/profile/index.vue - 个人中心

Phase 4: 工具函数

1. src/utils/format.js - 格式化函数完善

2026世界杯基本信息

• 举办国: 美国、加拿大、墨西哥
• 参赛队伍: 48支
• 比赛时间: 2026年6月11日 - 7月19日
• 分组: A-L组，每组4队