基于有赞 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