美文网首页前端必备
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