vue仿小米商城系统,实现了从浏览商品到结算商品的整个过程

上传者: 52834435 | 上传时间: 2024-05-22 09:30:49 | 文件大小: 27.56MB | 文件类型: ZIP
本项目是基于Vue全家桶的仿小米商城系统,商城的流程如下: 登录 -> 产品首页 -> 产品站 -> 产品详情 购物车 -> 订单确认 -> 订单支付 -> 订单列表 ​ 该项目是对小米商城系统的模仿,实现了从浏览商品到结算商品的整个过程。使用Scss、mixin来对公共样式抽离;对不同页面进行组件复用;商品展示图片使用vue-lazyload实现懒加载;通过vuex实现商品的状态管理,最终实现了登录、浏览商品并加入购物车、结算等功能。

文件下载

资源详情

[{"title":"( 137 个子文件 27.56MB ) vue仿小米商城系统,实现了从浏览商品到结算商品的整个过程","children":[{"title":".babelrc <span style='color:#111;'> 208B </span>","children":null,"spread":false},{"title":"mi.futurefe.conf <span style='color:#111;'> 356B </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 231B </span>","children":null,"spread":false},{"title":"index.html <span style='color:#111;'> 611B </span>","children":null,"spread":false},{"title":"favicon.ico <span style='color:#111;'> 4.19KB </span>","children":null,"spread":false},{"title":"item-price.jpeg <span style='color:#111;'> 24.54KB </span>","children":null,"spread":false},{"title":"slide-4.jpg <span style='color:#111;'> 136.60KB </span>","children":null,"spread":false},{"title":"login-bg.jpg <span style='color:#111;'> 123.96KB </span>","children":null,"spread":false},{"title":"slide-2.jpg <span style='color:#111;'> 113.34KB </span>","children":null,"spread":false},{"title":"slide-3.jpg <span style='color:#111;'> 111.51KB </span>","children":null,"spread":false},{"title":"gallery-6.jpg <span style='color:#111;'> 93.20KB </span>","children":null,"spread":false},{"title":"slide-1.jpg <span style='color:#111;'> 90.84KB </span>","children":null,"spread":false},{"title":"gallery-5.jpg <span style='color:#111;'> 79.60KB </span>","children":null,"spread":false},{"title":"mix-alpha.jpg <span style='color:#111;'> 67.05KB </span>","children":null,"spread":false},{"title":"ads-2.jpg <span style='color:#111;'> 66.25KB </span>","children":null,"spread":false},{"title":"slide-5.jpg <span style='color:#111;'> 48.95KB </span>","children":null,"spread":false},{"title":"ads-4.jpg <span style='color:#111;'> 41.12KB </span>","children":null,"spread":false},{"title":"nav-3-1.jpg <span style='color:#111;'> 34.53KB </span>","children":null,"spread":false},{"title":"nav-3-2.jpg <span style='color:#111;'> 33.98KB </span>","children":null,"spread":false},{"title":"nav-3-4.jpg <span style='color:#111;'> 27.51KB </span>","children":null,"spread":false},{"title":"phone-1.jpg <span style='color:#111;'> 26.25KB </span>","children":null,"spread":false},{"title":"phone-4.jpg <span style='color:#111;'> 23.95KB </span>","children":null,"spread":false},{"title":"phone-2.jpg <span style='color:#111;'> 19.27KB </span>","children":null,"spread":false},{"title":"phone-3.jpg <span style='color:#111;'> 14.95KB </span>","children":null,"spread":false},{"title":"nav-3-5.jpg <span style='color:#111;'> 11.19KB </span>","children":null,"spread":false},{"title":"item-box-4.jpg <span style='color:#111;'> 5.11KB </span>","children":null,"spread":false},{"title":"item-box-3.jpg <span style='color:#111;'> 4.44KB </span>","children":null,"spread":false},{"title":"router.js <span style='color:#111;'> 1.88KB </span>","children":null,"spread":false},{"title":"main.js <span style='color:#111;'> 1.23KB </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 987B </span>","children":null,"spread":false},{"title":"vue.config.js <span style='color:#111;'> 363B </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 243B </span>","children":null,"spread":false},{"title":"action.js <span style='color:#111;'> 180B </span>","children":null,"spread":false},{"title":"mutations.js <span style='color:#111;'> 148B </span>","children":null,"spread":false},{"title":"babel.config.js <span style='color:#111;'> 73B </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 0B </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 0B </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 543.14KB </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 1.30KB </span>","children":null,"spread":false},{"title":"login.json <span style='color:#111;'> 206B </span>","children":null,"spread":false},{"title":"后台_订单接口.md <span style='color:#111;'> 8.85KB </span>","children":null,"spread":false},{"title":"门户_订单接口.md <span style='color:#111;'> 6.27KB </span>","children":null,"spread":false},{"title":"后台_产品接口.md <span style='color:#111;'> 5.50KB </span>","children":null,"spread":false},{"title":"门户_购物车接口.md <span style='color:#111;'> 5.36KB </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 3.54KB </span>","children":null,"spread":false},{"title":"门户_收货地址接口.md <span style='color:#111;'> 3.52KB </span>","children":null,"spread":false},{"title":"后台_品类接口.md <span style='color:#111;'> 2.24KB </span>","children":null,"spread":false},{"title":"后台_用户接口.md <span style='color:#111;'> 2.17KB </span>","children":null,"spread":false},{"title":"门户_产品接口.md <span style='color:#111;'> 1.98KB </span>","children":null,"spread":false},{"title":"门户_用户接口.md <span style='color:#111;'> 1.26KB </span>","children":null,"spread":false},{"title":"门户_支付接口.md <span style='color:#111;'> 522B </span>","children":null,"spread":false},{"title":"后台_统计接口.md <span style='color:#111;'> 387B </span>","children":null,"spread":false},{"title":"video.mp4 <span style='color:#111;'> 23.19MB </span>","children":null,"spread":false},{"title":"gallery-1.png <span style='color:#111;'> 857.72KB </span>","children":null,"spread":false},{"title":"product-bg-3.png <span style='color:#111;'> 521.69KB </span>","children":null,"spread":false},{"title":"gallery-4.png <span style='color:#111;'> 394.24KB </span>","children":null,"spread":false},{"title":"gallery-2.png <span style='color:#111;'> 286.78KB </span>","children":null,"spread":false},{"title":"gallery-3.png <span style='color:#111;'> 175.88KB </span>","children":null,"spread":false},{"title":"icon-scan.png <span style='color:#111;'> 145.89KB </span>","children":null,"spread":false},{"title":"product-bg-1.png <span style='color:#111;'> 142.53KB </span>","children":null,"spread":false},{"title":"icon-no-data.png <span style='color:#111;'> 112.98KB </span>","children":null,"spread":false},{"title":"banner-1.png <span style='color:#111;'> 102.39KB </span>","children":null,"spread":false},{"title":"icon-qrcode.png <span style='color:#111;'> 82.29KB </span>","children":null,"spread":false},{"title":"product-bg-2.png <span style='color:#111;'> 52.30KB </span>","children":null,"spread":false},{"title":"ads-1.png <span style='color:#111;'> 44.66KB </span>","children":null,"spread":false},{"title":"ads-3.png <span style='color:#111;'> 39.42KB </span>","children":null,"spread":false},{"title":"nav-3-6.png <span style='color:#111;'> 23.93KB </span>","children":null,"spread":false},{"title":"nav-3-3.png <span style='color:#111;'> 23.61KB </span>","children":null,"spread":false},{"title":"icon-ali.png <span style='color:#111;'> 20.04KB </span>","children":null,"spread":false},{"title":"nav-5.png <span style='color:#111;'> 19.68KB </span>","children":null,"spread":false},{"title":"nav-6.png <span style='color:#111;'> 14.88KB </span>","children":null,"spread":false},{"title":"nav-3.png <span style='color:#111;'> 12.42KB </span>","children":null,"spread":false},{"title":"nav-4.png <span style='color:#111;'> 12.14KB </span>","children":null,"spread":false},{"title":"item-box-2.png <span style='color:#111;'> 11.86KB </span>","children":null,"spread":false},{"title":"icon-wechat.png <span style='color:#111;'> 11.84KB </span>","children":null,"spread":false},{"title":"nav-1.png <span style='color:#111;'> 11.53KB </span>","children":null,"spread":false},{"title":"nav-2.png <span style='color:#111;'> 11.52KB </span>","children":null,"spread":false},{"title":"item-box-1.png <span style='color:#111;'> 9.26KB </span>","children":null,"spread":false},{"title":"logo.png <span style='color:#111;'> 6.69KB </span>","children":null,"spread":false},{"title":"login-logo.png <span style='color:#111;'> 4.34KB </span>","children":null,"spread":false},{"title":"logo-mi.png <span style='color:#111;'> 4.14KB </span>","children":null,"spread":false},{"title":"icon-post.png <span style='color:#111;'> 2.15KB </span>","children":null,"spread":false},{"title":"icon-15day.png <span style='color:#111;'> 1.87KB </span>","children":null,"spread":false},{"title":"icon-setting.png <span style='color:#111;'> 1.70KB </span>","children":null,"spread":false},{"title":"icon-loc.png <span style='color:#111;'> 1.69KB </span>","children":null,"spread":false},{"title":"icon-7day.png <span style='color:#111;'> 1.66KB </span>","children":null,"spread":false},{"title":"icon-search.png <span style='color:#111;'> 1.35KB </span>","children":null,"spread":false},{"title":"mi-logo.png <span style='color:#111;'> 1.14KB </span>","children":null,"spread":false},{"title":"logo-footer.png <span style='color:#111;'> 1.02KB </span>","children":null,"spread":false},{"title":"icon-loc.png <span style='color:#111;'> 682B </span>","children":null,"spread":false},{"title":"icon-down.png <span style='color:#111;'> 665B </span>","children":null,"spread":false},{"title":"icon-gou.png <span style='color:#111;'> 619B </span>","children":null,"spread":false},{"title":"icon-cart.png <span style='color:#111;'> 582B </span>","children":null,"spread":false},{"title":"icon-cart-hover.png <span style='color:#111;'> 522B </span>","children":null,"spread":false},{"title":"icon-close.png <span style='color:#111;'> 484B </span>","children":null,"spread":false},{"title":"icon-cart-checked.png <span style='color:#111;'> 480B </span>","children":null,"spread":false},{"title":"icon-arrow.png <span style='color:#111;'> 437B </span>","children":null,"spread":false},{"title":"mi-home.png <span style='color:#111;'> 388B </span>","children":null,"spread":false},{"title":"icon-add.png <span style='color:#111;'> 221B </span>","children":null,"spread":false},{"title":"config.scss <span style='color:#111;'> 1.32KB </span>","children":null,"spread":false},{"title":"......","children":null,"spread":false},{"title":"<span style='color:steelblue;'>文件过多,未全部展示</span>","children":null,"spread":false}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明