瑜伽馆会员约课小程序页面功能梳理 - 教程

课程预约页面

课程预约页面是小程序的核心功能，必须清晰展示课程安排、方便用户预约和筛选。设计保持与整体小程序一致的清新风格，同时供应直观的日历视图和课程列表。

页面结构

课程预约页面涵盖以下核心模块：

1. 日历视图：顶部展示月历，方便用户选择日期
2. 课程筛选：给予按课程类型筛选的功能
3. 课程列表：按时间分段展示当天的所有课程
4. 课程卡片：展示课程详情和预约状态
5. 底部导航：提供快速切换应用功能的入口

核心功能

1. 日期选择：用户行凭借日历选择不同日期查看课程安排
2. 课程筛选：按瑜伽类型筛选感兴趣的课程
3. 课程详情：点击预约按钮查看课程详细信息和老师介绍
4. 名额显示：清晰展示课程剩余名额，援助用户决策
5. 一键预约：简化预约流程，提高用户体验

查看预约详情页面

预约详情页面需要清晰展示用户已预约课程的详细信息，包括课程内容、时间、地点和老师信息，同时提供取消预约、签到等操作功能。设计保持与整体小程序一致的清新风格，同时突出重要信息。

页面结构

预约详情页面涵盖以下核心模块：

1. 状态横幅：顶部展示预约状态和课程倒计时
2. 课程信息卡片：详细展示课程时间、地点、预约编号等信息
3. 老师信息卡片：展示授课老师的详细信息和评分
4. 课程准备提示：列出上课前得注意的事项
5. 位置信息卡片：展示场馆地址和供应导航功能
6. 操作按钮区域：提供取消预约和签到特性

核心功能

1. 预约状态表明：清晰展示当前预约状态（待上课、已签到、已取消）
2. 课程详情展示：完整呈现课程的所有相关信息
3. 老师信息展示：帮助用户了解授课老师的资质和经验
4. 取消预约：提供取消预约功能并提示相关规则
5. 课程签到：给出到馆签到功能，为抽奖活动做准备
6. 导航功能：方便用户查找场馆位置

签到抽奖页面

签到抽奖页面需要设计一个吸引人且有趣的转盘抽奖体验，同时展示奖品信息和抽奖规则。页面应该充满活力，与瑜伽馆的宁静氛围形成适当对比，增加用户的参与感和期待感。

页面结构

签到抽奖页面涵盖以下核心模块：

1. 签到状态栏：表现签到成功信息和剩余抽奖次数
2. 抽奖转盘：视觉中心的大型转盘，展示各种奖品
3. 抽奖按钮：醒目且吸引人的按钮，触发抽奖动作
4. 奖品展示区：以网格形式展示可能获得的奖品
5. 活动规则区：详细说明抽奖规则和注意事项

核心功能

1. 转盘抽奖动画：流畅的转盘旋转效果，增加抽奖的趣味性
2. 概率控制：设置不同奖品的中奖概率，确保活动可持续性
3. 中奖反馈：中奖后显示模态框并有彩色纸屑庆祝效果
4. 机会管理：控制用户每日抽奖次数，防止滥用
5. 奖品展示：清晰展示所有可能获得的奖品及其价值

我的课程页面

我的课程页面需要清晰展示会员的课程安排，包括已预约课程、历史记录和签到状态。页面设计保持与整体小程序一致的清新、宁静风格，同时给出直观的操作入口。

页面结构

我的课程页面包含三个主导标签页：

1. 即将上课：展示会员已预约的课程，按日期分类，献出取消预约功能
2. 历史记录：表现已结束的课程和已取消的课程，帮助按状态和时间筛选
3. 数据统计：可视化展示会员的课程参与情况，包括上课次数、偏好课程类型等

核心功能

1. 课程状态显示：使用不同颜色标识课程状态（待上课、已签到、已完毕、已取消）
2. 日期筛选：方便用户查看特定日期的课程安排
3. 课程操作：提供取消预约、查看详情等执行按钮
4. 数据可视化：以卡片形式展示用户的课程统计信息
5. 签到入口：底部固定签到按钮，方便用户快速签到

个人中心页面

用户管理个人资料、查看会员权益、管理账户设置的核心界面。设计体现瑜伽馆的宁静与专业感，同时提供清晰的信息架构和便捷的操作入口。就是个人中心页面

页面结构

个人中心页面包含以下核心模块：

1. 用户资料区：顶部展示用户头像、名称、会员等级和ID
2. 数据统计区：以卡片形式展示累计上课、积分和本月上课数据
3. 会员卡信息：突出表现会员卡类型、有效期和剩余次数
4. 功能菜单区：分为会员服务、账户设置和更多服务三大类
5. 退出登录：底部提供安全的退出登录选项

核心功能

1. 个人信息管理：用户可查看和编辑个人资料
2. 会员权益展示：清晰展示会员卡状态和剩余次数
3. 卡券与奖励管理：集中管理用户的优惠券和奖励
4. 账户设置：提供通知、隐私和安全相关设置
5. 帮助与反馈：为用户提供支持渠道