【文件属性】:
文件名称:shoppingCar:基于vue2.0的shoppingCar
文件大小:909KB
文件格式:ZIP
更新时间:2021-05-14 15:10:29
JavaScript
shoppingCar
a shoppingCar base on vue2.0
vue2.0购物车组件开发
基于vue2.0开发 vue-resource
项目说明:
1.项目没有用到任何数据库,全是读取的本地JSON文件,若文件无法读取,可能是当前所用浏览器的跨域限制。
2.由于项目比较简单,所以没有npm有关的包,直接引用的CDN文件,不需要下载后再去安装vue的环境和各种安装包。
页面展示:
购物车页面:
1、点击全选或某些商品,下方结账金额会根据选择的商品发生改变;
2、点击个数,金额也能够根据商品个数进行计算;
3、删除商品:点击删除,对应商品将在此购物车中去除;
地址页面:
1、点击more:展示更多地址信息
2、添加地址:会弹出框填写相关信息;
3、可设置哪个地址为默认地址或对地址进行修改。
【文件预览】:
shoppingCar-master
----cart.html(9KB)
----package.json(257B)
----data()
--------cart.json(1KB)
--------address.json(1KB)
--------cartData.json(1KB)
----js()
--------main.js(360B)
--------cart.js(2KB)
--------lib()
--------address.js(1KB)
----css()
--------modal.css(5KB)
--------reset.css(347B)
--------base.css(7KB)
--------checkout.css(19KB)
----README.md(1017B)
----address.html(10KB)
----img()
--------goods-1.jpg(248KB)
--------shoppingCar.png(95KB)
--------part-2.jpg(16KB)
--------test.jpg(166KB)
--------test1.jpg(216KB)
--------address.png(69KB)
--------goods-2.jpg(82KB)
--------part-1.jpg(15KB)