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


结算页面
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容