課程預約頁面

    課程預約頁面是小程序的核心功能，需要清晰展示課程安排、方便用戶預約和篩選。設計保持與整體小程序一致的清新風格，提供直觀的日歷視圖和課程列表。

    頁面結構

    課程預約頁面包含以下核心模塊：

    日歷視圖：頂部展示月歷，方便用戶選擇日期

    課程篩選：提供按課程類型篩選的功能

    課程列表：按時間分段展示當天的所有課程

    課程卡片：展示課程詳情和預約狀態(tài)

    底部導航：提供快速切換應用功能的入口

    核心功能

    日期選擇：用戶可以通過日歷選擇不同日期查看課程安排

    課程篩選：按瑜伽類型篩選感興趣的課程

    課程詳情：點擊預約按鈕查看課程詳細信息和老師介紹

    名額顯示：清晰展示課程剩余名額，幫助用戶決策

    一鍵預約：簡化預約流程，提高用戶體驗

    查看預約詳情頁面

    預約詳情頁面需要清晰展示用戶已預約課程的詳細信息，包括課程內(nèi)容、時間、地點和老師信息，提供取消預約、簽到等操作功能。設計保持與整體小程序一致的清新風格，突出重要信息。

    頁面結構

    預約詳情頁面包含以下核心模塊：

    狀態(tài)橫幅：頂部展示預約狀態(tài)和課程倒計時

    課程信息卡片：詳細展示課程時間、地點、預約編號等信息

    老師信息卡片：展示授課老師的詳細信息和評分

    課程準備提示：列出上課前需要注意的事項

    位置信息卡片：展示場館地址和提供導航功能

    操作按鈕區(qū)域：提供取消預約和簽到功能

    核心功能

    預約狀態(tài)顯示：清晰展示當前預約狀態(tài)（待上課、已簽到、已取消）

    課程詳情展示：完整呈現(xiàn)課程的所有相關信息

    老師信息展示：幫助用戶了解授課老師的資質和經(jīng)驗

    取消預約：提供取消預約功能并提示相關規(guī)則

    課程簽到：提供到館簽到功能，為抽獎活動做準備

    導航功能：方便用戶查找場館位置

    簽到抽獎頁面

    簽到抽獎頁面需要設計一個吸引人且有趣的轉盤抽獎體驗，展示獎品信息和抽獎規(guī)則。頁面應該充滿活力，與瑜伽館的寧靜氛圍形成適當對比，增加用戶的參與感和期待感。

    頁面結構

    簽到抽獎頁面包含以下核心模塊：

    簽到狀態(tài)欄：顯示簽到成功信息和剩余抽獎次數(shù)

    抽獎轉盤：視覺中心的大型轉盤，展示各種獎品

    抽獎按鈕：醒目且吸引人的按鈕，觸發(fā)抽獎動作

    獎品展示區(qū)：以網(wǎng)格形式展示可能獲得的獎品

    活動規(guī)則區(qū)：詳細說明抽獎規(guī)則和注意事項

    核心功能

    轉盤抽獎動畫：流暢的轉盤旋轉效果，增加抽獎的趣味性

    概率控制：設置不同獎品的中獎概率，確?；顒涌沙掷m(xù)性

    中獎反饋：中獎后顯示模態(tài)框并有彩色紙屑慶祝效果

    機會管理：控制用戶每日抽獎次數(shù)，防止濫用

    獎品展示：清晰展示所有可能獲得的獎品及其價值

    我的課程頁面

    我的課程頁面需要清晰展示會員的課程安排，包括已預約課程、歷史記錄和簽到狀態(tài)。頁面設計保持與整體小程序一致的清新、寧靜風格，提供直觀的操作入口。

    頁面結構

    我的課程頁面包含三個主要標簽頁：

    即將上課：展示會員已預約的課程，按日期分類，提供取消預約功能

    歷史記錄：顯示已完成的課程和已取消的課程，支持按狀態(tài)和時間篩選

    數(shù)據(jù)統(tǒng)計：可視化展示會員的課程參與情況，包括上課次數(shù)、偏好課程類型等

    核心功能

    課程狀態(tài)顯示：使用不同顏色標識課程狀態(tài)（待上課、已簽到、已完成、已取消）

    日期篩選：方便用戶查看特定日期的課程安排

    課程操作：提供取消預約、查看詳情等操作按鈕

    數(shù)據(jù)可視化：以卡片形式展示用戶的課程統(tǒng)計信息

    簽到入口：底部固定簽到按鈕，方便用戶快速簽到

    個人中心頁面

    個人中心頁面是用戶管理個人資料、查看會員權益、管理賬戶設置的核心界面。設計體現(xiàn)瑜伽館的寧靜與專業(yè)感，提供清晰的信息架構和便捷的操作入口。

    頁面結構

    個人中心頁面包含以下核心模塊：

    用戶資料區(qū)：頂部展示用戶頭像、名稱、會員等級和ID

    數(shù)據(jù)統(tǒng)計區(qū)：以卡片形式展示累計上課、積分和本月上課數(shù)據(jù)

    會員卡信息：突出顯示會員卡類型、有效期和剩余次數(shù)

    功能菜單區(qū)：分為會員服務、賬戶設置和更多服務三大類

    退出登錄：底部提供安全的退出登錄選項

    核心功能

    個人信息管理：用戶可查看和編輯個人資料

    會員權益展示：清晰展示會員卡狀態(tài)和剩余次數(shù)

    卡券與獎勵管理：集中管理用戶的優(yōu)惠券和獎勵

    賬戶設置：提供通知、隱私和安全相關設置

    幫助與反饋：為用戶提供支持渠道