天天看點

微信小程式購物車-多商家-多商品具體代碼

主要看一下購物車的計算過程 實作後的基本樣式

微信小程式購物車-多商家-多商品具體代碼
微信小程式購物車-多商家-多商品具體代碼

主要看shops頁面, 前提:擷取基本的資料,由于資料太長,還請下載下傳項目後檢視,github位址:https://github.com/cxy-js/wechat-shop

shops頁面data資料

id 為index頁面傳過來的商家 id;依據商家id來顯示不同商家

進入商家頁面 後的布局;頭部就不看了,主要看菜的分類以及都有哪些菜 在這之前需要在商品以及評價的切換中拿到curt,curt就是分類的id

菜品切換

切換代碼就不看了,主要是拿到分類的id=>curt下面就是分類下的布局

點選按鈕時依據哪個分類下的哪個菜來區分;每點選一次商品數量+1;最後需要實時計算價格 this.getAll()

多了一個判斷而已

裡面都有注釋也不難看懂,就不解釋了!!!

判斷一下是否有商品 在這裡傳遞的資料都可以帶入到支付頁面

https://github.com/cxy-js/wechat-shop