課程預(yù)約頁面

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

    頁面結(jié)構(gòu)

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

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

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

    課程列表：按時間分段展示當(dāng)天的所有課程

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

    底部導(dǎo)航：提供快速切換應(yīng)用功能的入口

    核心功能

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

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

    課程詳情：點擊預(yù)約按鈕查看課程詳細(xì)信息和老師介紹

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

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

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

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

    頁面結(jié)構(gòu)

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

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

    課程信息卡片：詳細(xì)展示課程時間、地點、預(yù)約編號等信息

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

    課程準(zhǔn)備提示：列出上課前需要注意的事項

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

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

    核心功能

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

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

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

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

    課程簽到：提供到館簽到功能，為抽獎活動做準(zhǔn)備

    導(dǎo)航功能：方便用戶查找場館位置

    簽到抽獎頁面

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

    頁面結(jié)構(gòu)

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

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

    抽獎轉(zhuǎn)盤：視覺中心的大型轉(zhuǎn)盤，展示各種獎品

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

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

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

    核心功能

    轉(zhuǎn)盤抽獎動畫：流暢的轉(zhuǎn)盤旋轉(zhuǎn)效果，增加抽獎的趣味性

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

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

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

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

    我的課程頁面

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

    頁面結(jié)構(gòu)

    我的課程頁面包含三個主要標(biāo)簽頁：

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

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

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

    核心功能

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

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

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

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

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

    個人中心頁面

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

    頁面結(jié)構(gòu)

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

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

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

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

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

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

    核心功能

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

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

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

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

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