課程預(yù)約頁(yè)面

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

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

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

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

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

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

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

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

    核心功能

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    核心功能

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

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

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

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

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

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

    簽到抽獎(jiǎng)頁(yè)面

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

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

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

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

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

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

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

    活動(dòng)規(guī)則區(qū)：詳細(xì)說(shuō)明抽獎(jiǎng)規(guī)則和注意事項(xiàng)

    核心功能

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

    概率控制：設(shè)置不同獎(jiǎng)品的中獎(jiǎng)概率，確?；顒?dòng)可持續(xù)性

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

    機(jī)會(huì)管理：控制用戶每日抽獎(jiǎng)次數(shù)，防止濫用

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

    我的課程頁(yè)面

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

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

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

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

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

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

    核心功能

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

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

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

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

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

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

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

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

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

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

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

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

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

    退出登錄：底部提供安全的退出登錄選項(xiàng)

    核心功能

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

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

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

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

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