課程預約頁(yè)面

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

    頁(yè)面結構

    課程預約頁(yè)面包含以下核心模塊：

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

    課程篩選：提供按課程類(lèi)型篩選的功能

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

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

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

    核心功能

    日期選擇：用戶(hù)可以通過(guò)日歷選擇不同日期查看課程安排

    課程篩選：按瑜伽類(lèi)型篩選感興趣的課程

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

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

    一鍵預約：簡(jiǎn)化預約流程，提高用戶(hù)體驗

    查看預約詳情頁(yè)面

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

    頁(yè)面結構

    預約詳情頁(yè)面包含以下核心模塊：

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

    課程信息卡片：詳細展示課程時(shí)間、地點(diǎn)、預約編號等信息

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

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

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

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

    核心功能

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

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

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

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

    課程簽到：提供到館簽到功能，為抽獎活動(dòng)做準備

    導航功能：方便用戶(hù)查找場(chǎng)館位置

    簽到抽獎頁(yè)面

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

    頁(yè)面結構

    簽到抽獎頁(yè)面包含以下核心模塊：

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

    抽獎轉盤(pán)：視覺(jué)中心的大型轉盤(pán)，展示各種獎品

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

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

    活動(dòng)規則區：詳細說(shuō)明抽獎規則和注意事項

    核心功能

    轉盤(pán)抽獎動(dòng)畫(huà)：流暢的轉盤(pán)旋轉效果，增加抽獎的趣味性

    概率控制：設置不同獎品的中獎概率，確?；顒?dòng)可持續性

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

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

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

    我的課程頁(yè)面

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

    頁(yè)面結構

    我的課程頁(yè)面包含三個(gè)主要標簽頁(yè)：

    即將上課：展示會(huì )員已預約的課程，按日期分類(lèi)，提供取消預約功能

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

    數據統計：可視化展示會(huì )員的課程參與情況，包括上課次數、偏好課程類(lèi)型等

    核心功能

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

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

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

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

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

    個(gè)人中心頁(yè)面

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

    頁(yè)面結構

    個(gè)人中心頁(yè)面包含以下核心模塊：

    用戶(hù)資料區：頂部展示用戶(hù)頭像、名稱(chēng)、會(huì )員等級和ID

    數據統計區：以卡片形式展示累計上課、積分和本月上課數據

    會(huì )員卡信息：突出顯示會(huì )員卡類(lèi)型、有效期和剩余次數

    功能菜單區：分為會(huì )員服務(wù)、賬戶(hù)設置和更多服務(wù)三大類(lèi)

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

    核心功能

    個(gè)人信息管理：用戶(hù)可查看和編輯個(gè)人資料

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

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

    賬戶(hù)設置：提供通知、隱私和安全相關(guān)設置

    幫助與反饋：為用戶(hù)提供支持渠道