ws2019-vue-all-in-one-bus-slider–[Vue] All-in-One Build a Bus Slider Screen

Media Files

📦 Media File Download (104 KB)

Project Submission

+ Submit Assignment

Deadline: 10 months ago.

Your submissions

Background

Requirement

巴士報站顯示屏

  • 過左既站半透明
  • 有兩個頁面,另一版顯示天氣
  • 中文版顯示10秒,然後切換顯示英文版5秒
  • 每 60 秒 自動跳去下個站
  • 下面有三個按扭,設定當前站為上一個/下一個站
  • 點擊 No.34 彈出一個 popup modal 可以選擇其他路線
  • 係天氣個版入面都可以切換下一個站
  • 轉換頁面有 fadein 效果

需要有用到以下

  • vue
  • vuex
  • vue-i18n
  • vue-router
  • transition

Submission guideline

Submit codesandbox link

Please login to chat.