美文网首页前端必备
vant 写一个商城app

vant 写一个商城app

作者: 果粒橙没有粒 | 来源:发表于2019-10-31 16:10 被阅读0次

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

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,完成订单结算页面及结算逻辑

结算页面

相关文章

网友评论

    本文标题:vant 写一个商城app

    本文链接:https://www.haomeiwen.com/subject/cgcsmctx.html