vant 寫一個商城app

工作之余練習的項目,按照時間記錄開發(fā)過程

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,完成登錄靜態(tài)頁面

登錄

2,安裝axios

npm install axios --save

3,模擬本地數(shù)據(jù)

新建login.json文件,模擬登錄成功返回數(shù)據(jù)

4,新建http.js

main.js中添加

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

Vue.prototype.$http?=?http

5,發(fā)送驗證碼倒計時及相關(guān)正則驗證

6,完成主界面


主界面


2019.10.29

1,二級頁面靜態(tài)頁面


二級頁


2019.10.30

1,完成選擇商品規(guī)格大小數(shù)量頁面及邏輯


選擇商品類型


2019.10.31

1,完成訂單結(jié)算頁面及結(jié)算邏輯


結(jié)算頁面
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容