基於有贊 vant 組件的移動商城新鮮出爐

移動商城

使用有贊移動端 Vue 組件庫 — Vant
versions: ^0.11.13

Github

https://github.com/qianzhaoy/...

預覽圖

Vue相關庫與插件

• Vue + Vue-router + Vant + Sass
• axios
• vuelidation( 表單驗證 )
• fastclick
• babel-polyfill
• @xkeshi/vue-countdown ( 各類倒計時 )

未使用Vuex, 由於各個頁面有較高的獨立性. 能夠省下Vuex, 少部分組件通訊使用 event bus 便可.

店鋪信息: sessionStorage

用戶信息及token: localStorage

未完成的部分

大部分功能只有UI, 目前作了幾個mock數據接口. 還有`webpack.dll`要作.

mock數據

#先全局安裝 json-server, 若是已經裝過可忽略這步
npm install -g json-server

cd ./mock

npm i

json-server db.json

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report