tags: AppWorks School

6/2(四) co-work demo 項目

Flow:

小華最近升職加薪，所以決定去Stylish報復性消費一波，

先玩小遊戲->跑馬燈->競標->thomas->小遊戲->客服->Lisa->
收藏頁面->牛仔褲->海灘帽->評論->查看評論->聯絡我們->手機的朋友

cart page資料：
David
[e-mail]
0912345678
地球
4242424242424242
0123
123

評論 page:
David
0912345678
[e-mail]
你們的功能也太讚了吧！我一定會推薦給我朋友！

1. 折扣轉盤

   • 一進頁面滑動出現轉盤
   • 點選抽獎,轉盤轉動
   • 跳出alert抽獎折數,於結帳時出現折扣金額

2. 跑馬燈

   • 一進入頁面會有跑馬燈公告最新訊息

3. 搜尋下拉選單

   • 輸入搜尋出現搜尋結果選項
   • 如輸入沒有結果則顯示請輸入"其他關鍵字"
   • 點擊下拉商品連到商品頁面

4. 點擊競標

   • 點擊右上拍賣, 進入拍賣頁面
   • 輸入拍賣金額, 顯示出價成功者與出價金額
   • 倒數計時時間到了, 更新競標項目
   • 湯瑪士會再開兩個api加得標物, 當進入cart page的時候打這支api把得標商品塞進去, 另外結完帳要再發個post把得標物標記已結帳

5. 數位客服

   • 在登入狀態
   • 點擊數位客服
   • 會出現歷史訊息
   • 客戶輸入想問訊息
   • admin 收到有新訊息進來
   • 如果沒有輸入客戶 email 會跳 alert "請輸入想回覆的客戶email"
   • admin 輸入想回覆的客戶 email
   • 拉出歷史訊息
   • 沒輸入訊息的時候送出鈕呈灰色
   • 輸入訊息會跳黑色
   • 送出訊息又會變為灰色 reset

6. 商品收藏

   • 進入商品 product 頁面
   • 點擊愛心加入收藏
   • 進到 profile page 點擊收藏會出現所有收藏商品
   • 點擊愛心取消收藏
   • 點擊收藏商品可以進入商品頁面購買商品

7. 評論

   • 進 profile page 點擊買過的商品進行評論
   • 輸入評論給予星星與評價
   • 點擊送出
   • 從首頁進入product page 頁面
   • 滑到商品最下方會出現剛剛新的評論

8. 聯絡我們

   • footer 點擊 "聯絡我們"
   • 進到 contact page
   • 輸入聯絡資料
   • 點擊送出, 發 email 給客戶, 有收到訊息會儘快回覆客戶

9. 直播間(未完成)