這個(gè)案例是慕課網(wǎng)上看到的一個(gè)關(guān)于vue2.0純靜態(tài)頁(yè)面demo
由于原demo功能不夠完善,所以,想著完善一下發(fā)出來(lái)供大家參考交流一下。
項(xiàng)目來(lái)自 -河畔一蚌-
課程名稱:使用vue2.0實(shí)現(xiàn)購(gòu)物車和地址選配功能
資源鏈接: http://www.imooc.com/comment/796
本案例的原有功能:
cart.html
- 商品列表的加載
- 商品的價(jià)格計(jì)算
- 全選 取消全選
- 商品數(shù)目的增加
address.html
- 地址列表的加載
- 設(shè)置默認(rèn)地址
- 更多地址
修改完善功能:
cart.html
- 商品刪除功能的添加
- 該頁(yè)面邏輯的整合 如:商品全選后取消某商品,總價(jià)格的動(dòng)態(tài)改變
address.html
- 地址的添加
- 地址的刪除
- 地址的修改
- 前者的操作的模態(tài)框提示
- 更多地址動(dòng)態(tài)效果的完善
demo 演示、下載地址
cart.html https://lvzhenbang.github.io/shopping/cart.html
address.html https://lvzhenbang.github.io/shopping/address.html
github下載地址:https://github.com/lvzhenbang/shopping.git