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

Background

Requirement

巴士報站顯示屏

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

需要有用到以下

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

Submission guideline

Submit codesandbox link