50 lines
2.1 KiB
Markdown
50 lines
2.1 KiB
Markdown
|
# 赛事详情页字段说明
|
||
|
|
|
||
|
|
## 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. 待确认项
|
||
|
|
- 是否展示往届成绩、主办方介绍、地图导航。
|