URCAR

汽車租賃品牌網頁前台模擬

參訪網址請點 : URCAR

模擬內容

相關頁面 & 內容介紹:

• 各頁面切版 & RWD設計。
• 首頁自動顯示各租賃車款最便宜方案。
• 首頁隨機顯示部落格文章預覽。
• 完整租賃方案清單頁，具有分頁 & 篩選車款功能。
• 車款預約頁面，可選擇車色，搭配 VCalendar 選擇取還車日期及時間，並有該車款詳細介紹。
• 預約清單頁面，可一覽預約車款清單，進行修改或刪除，並可輸入優惠同時檢視消費金額。
• 填寫預約人資訊頁面，使用VeeValidate對填寫資料進行簡易驗證。
• 付款頁面，顯示租賃相關資訊，模擬輸入信用卡卡號結帳。
• 付款成功頁面。
• 文章專欄清單頁面，可篩選類別 & 具備分頁功能。
• 單一文章詳細內容內頁，並於右側顯示相關類別文章。
• 政策與保險頁面。
• 關於URCAR頁面。

使用技術.套件.資源

• Vue & Vite & JavaScript ES6 進行開發
• Vue Router
• Vue Pinia
• Bootstrap 5
• SCSS 進行CSS 管理
• Axios
• VeeValidate/i18n
• VCalendar
• sweetalert2
• animate.css