vant 写一个商城app

工作之余练习的项目,按照时间记录开发过程

2019.10.25

使用码云做代码管理

1,在码云上新建仓库:shop_app

2,git clone 项目后,初始化项目

3,安装 vant 

npm i vant-S

4,引入reset.css,border.css(解决1像素边框问题)

5,安装fastclick.js(解决移动点击300ms延迟问题)

6,安装stylus

npm install stylus --save

npm install stylus-loader --save

7,初始化登录页面

2019.10.28

1,完成登录静态页面

登录

2,安装axios

npm install axios --save

3,模拟本地数据

新建login.json文件,模拟登录成功返回数据

4,新建http.js

main.js中添加

import http  from './api/http.js'

Vue.prototype.$http = http

5,发送验证码倒计时及相关正则验证

6,完成主界面


主界面


2019.10.29

1,二级页面静态页面


二级页


2019.10.30

1,完成选择商品规格大小数量页面及逻辑


选择商品类型


2019.10.31

1,完成订单结算页面及结算逻辑


结算页面

推荐阅读更多精彩内容