Vue.js 購物網站

Demo

本作品其主要功能有：

使用 swiper.js 製作成輪播元件，並可藉由傳入的 Props 切換不同的產品類別、商品名稱來提升靈活度

重複使用「快速商品展示列」內的商品元件重新排版並製作商品搜尋、類別篩選、商品分頁功能，並於行動裝置時切換至快速商品展示列，避免頁面過長影響瀏覽體驗。

商品詳細介紹，選擇數量後即時顯示加總結果，方便使用者評估金額並加入購物車，提升使用體驗

主要分為兩個部分，右方為購物車內容，左方為整個購物車商品的加總，並可套用優惠券。
表單部分具有驗證功能及提示，並於畫面上方放置步驟順序，提升操作體驗。