1. 产品目标与定位
- 让用户在小程序内快速预约网球场地与报名课程，并能在“我的”中查看/取消/改期。
- 以轻量、清晰的流程为主：选择 → 确认 → 下单/到店使用。
2. 导航结构（底部 4 个 Tab）
- 首页：品牌展示、预约流程说明、快捷入口、会员卡活动、规则摘要。
- 场地预约：按日期与场地类型查看可约时段，选择时段并下单。
- 课程预约：按日期查看课程列表，进行预约或候补。
- 我的：查看个人预约与资产、执行取消/改期、消息与反馈入口。
3. 关键用户流程
3.1 场地预约流程
- 进入“场地预约”
- 选择日期与场地类型（全部/室内/室外）
- 从时间表选择1个或多个可预约时段
- 页面底部显示合计金额与总时长
- 点击下单
- 成功后到店按约使用（核销由线下完成）
规则提示：
- 可提前 24 小时取消/改期；
- 迟到 15 分钟视为放弃，当日不支持改期；
- 自备运动鞋与饮水。
3.2 课程预约流程
- 进入“课程预约”
- 选择日期
- 查看列表卡片（课程名/时间/地点/价格/余量）
- 余量>0 显示“去预约”，余量=0 显示“候补”
- 点击按钮完成预约或加入候补
- 在“我的”查看与管理
3.3 预约管理流程（我的）
- 进入“我的”→ 在“全部/场地/课程”中找到条目 → 可执行取消预约或改期。
- 改期入口弹出选择日期与时段的选择页；取消需二次确认。
4. 页面说明（按 Tab）
4.1 首页
页面目的：提供品牌形象与关键入口，引导用户快速进入预约。
组成（自上而下）：
- 头图 Banner：展示网球主题图与品牌“VibeTennis · Vibe网球”。点击可进入活动页（如有）。
- 预约流程说明（三步卡片并排）：
- 第一步：选日期与时段；
- 第二步：确认订单与金额；
- 第三步：到店核销/上课。点击任一步骤，跳转到相应功能（例如第 1、2 步到“场地预约”，第 3 步到“我的”）。
- 快捷入口：
- 去预约场地；
- 查看课程。
- 限时活动 · 会员卡：两张卡片并排展示：
- 场地次卡（文案：租场优惠）；
- 储值卡（文案：储值返利）。点击进入卡详情或活动说明页。
- 规则摘要：
- 可提前 24 小时取消或改期；
- 迟到 15 分钟视为放弃，当日不支持改期；
- 自备运动鞋与饮水。
空/异常展示：
- 若无活动则隐藏活动模块；无 Banner 时显示默认占位图与提示文案。
完成标准：
- 首页可一键进入“场地预约”与“课程预约”；
- 用户能在首页理解预约 3 步法与关键规则。
4.2 场地预约（Court）
页面目的：让用户快速筛选、选择并下单网球场地时段。
组成：
- 系统状态栏
- 标题：场地预约（左上：小屋图标返回首页）
- 二级标题：VibeTennis · Vibe网球
- 筛选分段：全部 | 室内 | 室外（高亮当前）
- 日期条（7天）：可横滑，展示未来7天日期（如 8/19（今天）| 8/20 | 8/21 | … | 8/24）
- 时间段区域（核心网格）：
- 按小时展示时段与价格（如 12:00 [¥90] [–] [已约]）
- 单元格三种状态：可预约/已约/–；点击可选择，选中高亮
- 底部吸附下单条：
- 合计：¥XX | 已选X小时
- 按钮：[ 下单 ]、[ 预约须知 ]（未选择时“下单”置灰）
关键交互：
- 切换日期或“室内/室外/全部”会刷新时段；
- 选择/取消时段，底部合计实时更新；
- “预约须知”弹层展示规则。
4.3 课程预约（Class）
页面目的：让用户按日期浏览课程并完成预约或候补。
组成：
- 系统状态栏
- 标题：课程预约
- 日期条（7天）：可横滑，展示未来7天日期（如 8/19（今天）| 8/20 | …）
- 课程卡片列表：
- 封面图
- 标题：如“成人精品小班课”
- 信息：日期时间 · 场地类型 · 价格（如 2025-08-18 20:00-22:00 · 室外 · ¥120）
- 余量：X/4
- 按钮：余量>0 显示“去预约”，余量=0 显示“候补”
- 底部 TabBar：首页 | 场地预约 | 课程预约 | 我的
关键交互：
- 日期切换刷新课程列表；
- 点击卡片或按钮可进入预约确认页；
- 余量为0时仅支持候补操作。
4.4 我的（Profile）
页面目的：集中管理用户的预约与资产。
组成：
- 顶部区块：
- 未登录时，显示“游客”与登录按钮；
- 登录后显示头像、昵称等基础信息。
- 功能入口（九宫格样式，示例 6 项）：
- 我的预约、我的场地卡、我的课程、充值、消息通知、意见反馈。
- 预约列表：
- 顶部分段：全部 / 场地 / 课程；
- 每条预约显示：类型（场地或课程）+ 名称/场地号、时间段、金额、状态（即将开始/已完成/已取消等）；
- 操作按钮：取消预约、改期；
- 取消需二次确认；改期进入日期与时段选择页。
- 空状态：
- 无预约时提示“暂无预约”，并给出“去预约场地/课程”的引导。
完成标准：
- 用户能在“我的”中清晰查看全部预约，并顺利完成取消或改期。
5. 文案与规则（统一对外）
- 规则固定展示于首页“规则摘要”、场地页“预约须知”、以及下单前确认：
- 可提前 24 小时取消或改期；
- 迟到 15 分钟视为放弃，当日不支持改期；
- 自备运动鞋与饮水。
- 价格展示：以“¥数字”形式呈现；示例价格：¥90 / ¥100 / ¥120（以实际为准）。
- 状态用语：可预约 / 已约 / 候补 / 不可售 / 即将开始 / 已完成 / 已取消。
6. MVP 范围（首版必须具备）
- 4 个 Tab 与导航可用；
- 场地预约：日期与类型切换、时段选择、合计展示、下单按钮；
- 课程预约：日期切换、课程卡片、去预约/候补；
- 我的：查看预约列表、取消/改期入口；
- 规则与空状态展示完整。
7. 验收要点（以用户体验为准）
- 用户从首页出发，3 步内能进入并完成一次场地预约选择；
- 在“场地预约”中，可预约/已约/不可售三种状态一眼可区分；
- 在“课程预约”中，用户能立刻看懂课程名称、时间地点、价格、余量并作出选择；
- “我的”页面能看到最新预约在上方，并能顺利执行取消与改期；
- 任何页面异常数据时都有空状态与引导，不出现死路。
8. 线框草图说明（低保真，供评审/设计对齐）
注：为“所见即所得”的布局草图与关键文案位。不含技术方案，仅用于对齐页面结构与信息层级。
8.1 首页（Home）
[系统状态栏]
[页面标题：首页]
[ 16:9 头图 Banner (VibeTennis · Vibe网球) ]
[ 模块：预约流程说明 ]
| 选日期与时段 | 确认订单与金额 | 到店核销 / 上课 |
(三等分卡片，可点，跳转到对应功能)
[ 模块：快捷入口 ]
| 去预约场地 | 查看课程 |
[ 模块：限时活动 · 会员卡 (两卡并排) ]
| 场地次卡 (租场优惠) | 储值卡 (储值返利) |
(点击进入活动/卡详情)
[ 模块：规则摘要 ]
• 可提前24小时取消或改期
• 迟到15分钟视为放弃，当日不支持改期
• 自备运动鞋与饮水
[底部TabBar: 首页 | 场地预约 | 课程预约 | 我的]
关键交互：Banner 可点；三步流程与快捷入口直达相应 Tab；规则固定 3 条。
8.2 场地预约（Court）
[系统状态栏]
[标题：场地预约] [左上：小屋图标返回首页]
[二级标题：VibeTennis · Vibe网球]
[ 筛选分段: 全部 | 室内 | 室外 ] (高亮当前)
[ 日期条 (7天) ] 8/19 (今天) | 8/20 | 8/21 | ... | 8/24 (可横滑)
[ 时间段区域 (核心网格) ]
12:00 [¥90] [–] [已约]
13:00 [¥90] [¥90] [¥100]
14:00 [¥90] [¥90] [¥100]
...
(单元格三种状态：可预约/已约/–；点击可选择，选中高亮)
[ 底部吸附下单条 ]
合计: ¥90 | 已选1小时 [ 下单 ] [ 预约须知 ]
(未选择时“下单”置灰)
[底部TabBar: 首页 | 场地预约 | 课程预约 | 我的]
关键交互：切换日期或“室内/室外/全部”会刷新时段；选择/取消时段，底部合计实时更新；“预约须知”弹层见规则。
8.3 课程预约（Class）
[系统状态栏]
[标题：课程预约]
[ 日期条 (7天) ] 8/19 (今天) | 8/20 | ...
[ 课程卡片列表 ]
|------------------------------------------------|
| 封面图 |
| 标题：成人精品小班课 |
| 信息：2025-08-18 20:00-22:00 · 室外 · ¥120 |
| 余量：0/4 [ 按钮：候补 / 去预约 ] |
|------------------------------------------------|
(下滑出现下一张卡：如“青少年基础课”……)
[底部TabBar: 首页 | 场地预约 | 课程预约 | 我的]
关键交互：日期切换刷新列表；余量>0 显示“去预约”，=0 显示“候补”；卡片/按钮可进入预约确认。
8.4 我的（Profile）
[系统状态栏]
[标题：我的]
[ 顶部登录区 ]
|----------------------------------------|
| 游客 (提示登录查看预约与资产) | [ 按钮：登录 ] |
|----------------------------------------|
(登录后显示头像昵称与简单状态)
[ 功能入口 (两行网格) ]
我的预约 | 我的场地卡 | 我的课程 | 充值
消息通知 | 意见反馈
[ 预约列表 (分段) ] 全部 | 场地 | 课程
|------------------------------------------------|
| 类型：场地 · A场 |
| 时间：2025-08-19 19:00-20:00 金额：¥90 状态：upcoming |
| [取消预约] [改期] |
|------------------------------------------------|
(无预约时显示空状态与引导)
[底部TabBar: 首页 | 场地预约 | 课程预约 | 我的]
是否需要我帮你把这份 PRD 整理成可直接交付给开发/设计的版本，并补充交互细节和字段定义？