赛事详情页字段说明
1. 页面信息
- 页面名称：赛事详情页
- 页面路径建议：
/pages/event/detail
- 页面目标：展示赛事完整信息，并引导用户完成报名。
- 进入方式：从首页、赛事列表、分享链接进入。
2. 展示字段
| 字段 |
说明 |
来源接口 |
是否必显 |
| eventId |
赛事ID |
/event/detail |
否 |
| eventName |
赛事名称 |
/event/detail |
是 |
| eventCover |
赛事封面图 |
/event/detail |
是 |
| eventStatus |
赛事状态 |
/event/detail |
是 |
| signupStatusText |
报名状态文案 |
/event/detail |
是 |
| location |
比赛地点 |
/event/detail |
是 |
| startTime |
开赛时间 |
/event/detail |
是 |
| endTime |
结束时间 |
/event/detail |
否 |
| signupStartTime |
报名开始时间 |
/event/detail |
是 |
| signupEndTime |
报名截止时间 |
/event/detail |
是 |
| feeText |
报名费用说明 |
/event/detail |
是 |
| groupList |
组别列表 |
/event/detail |
是 |
| ruleSummary |
赛事规则摘要 |
/event/detail |
是 |
| noticeText |
参赛须知 |
/event/detail |
否 |
| merchantName |
主办方名称 |
/event/detail |
是 |
| contactPhone |
联系电话 |
/event/detail |
否 |
3. 操作按钮
| 按钮 |
显示条件 |
点击行为 |
| 立即报名 |
eventStatus=已发布 且在报名期内 |
跳转报名填写页 |
| 查看组别 |
存在多个组别 |
打开组别选择弹层 |
| 联系主办方 |
配置了联系电话 |
拉起拨号或复制电话 |
| 分享赛事 |
支持分享时 |
触发小程序分享 |
4. 状态与空态
- 加载中：展示骨架屏。
- 无数据：提示“赛事不存在或已下架”。
- 已截止：按钮置灰并提示报名已结束。
- 已满员：展示“名额已满”。
5. 交互说明
- 用户切换组别后，应实时更新费用、剩余名额、报名资格提示。
- 页面需兼容分享进入场景。
- 若赛事已结束，可展示成绩查询入口（如有）。
6. 待确认项
