shoppingCar:基于vue2.0的shoppingCar

时间:2024-06-03 08:57:09
【文件属性】:

文件名称:shoppingCar:基于vue2.0的shoppingCar

文件大小:909KB

文件格式:ZIP

更新时间:2024-06-03 08:57:09

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)

网友评论