在好例子网,分享、交流、成长!
您当前所在位置:首页Others 开发实例一般编程问题 → Vue2.x 全家桶+Vant 搭建大型单页面电商项目 (页面齐全, 数据源与项目完整)

Vue2.x 全家桶+Vant 搭建大型单页面电商项目 (页面齐全, 数据源与项目完整)

一般编程问题

下载此实例
  • 开发语言:Others
  • 实例大小:5.74M
  • 下载次数:29
  • 浏览次数:594
  • 发布时间:2021-01-24
  • 实例类别:一般编程问题
  • 发 布 人:好学IT男
  • 文件格式:.zip
  • 所需积分:2
 

实例介绍

【实例简介】
2020年1月2日 11:15:26 ; 基于 vue 2.x 和 vant 2.x实现。使用了最新的Vue全家桶技术栈,以及一些优秀的开源库如better-scroll、 moment.js、twix.js、pubsub-js,后台数据通过Easy-Mock搭建 ; 需要在本地安装 node 和 git。本项目技术栈基于 ES2015+、vue、vuex、vue-router 、vue-cli 、axios 和 vant-ui,所有的请求数据都使用Mock.js进行模拟,提前了解和学习这些知识会对使用本项目有很大的帮助
【实例截图】
【核心代码】
3be1c127-96ac-4da6-88ec-93d76205ffff
├── babel.config.js
├── dist
│   ├── css
│   │   ├── app.3a0f016b.css
│   │   ├── chunk-00efe2c0.6b9404c8.css
│   │   ├── chunk-03695e29.1eb4e13b.css
│   │   ├── chunk-1c05899c.47b6d980.css
│   │   ├── chunk-25e96a84.76c3c93a.css
│   │   ├── chunk-280ed094.da97c695.css
│   │   ├── chunk-289cebb4.ba859dd0.css
│   │   ├── chunk-406be3b6.40ecb40b.css
│   │   ├── chunk-46ff586d.76528a37.css
│   │   ├── chunk-4d2aa3a6.38ff1988.css
│   │   ├── chunk-68b5a4c1.c96a263c.css
│   │   ├── chunk-73501d7b.6b8d899a.css
│   │   ├── chunk-7d9610e7.f116d678.css
│   │   ├── chunk-841452cc.d9733a3a.css
│   │   ├── chunk-a9381e96.26ea4dbf.css
│   │   ├── chunk-c813db90.da8b5f62.css
│   │   ├── chunk-cde6fab6.afc11a05.css
│   │   ├── chunk-e100ab0a.e8a64ae6.css
│   │   ├── chunk-f50c4864.66bca758.css
│   │   ├── chunk-f5160d12.2a090db1.css
│   │   └── chunk-vendors.44892337.css
│   ├── favicon.ico
│   ├── img
│   │   ├── back2.a864ff79.jpg
│   │   ├── blindfold.58ce4239.png
│   │   ├── defaultImg.d45df20b.jpeg
│   │   ├── empty.5053d452.png
│   │   ├── greeting.1415c1c5.png
│   │   ├── grey.fb4a97dd.jpg
│   │   ├── icon_loading.7a1ee6db.png
│   │   ├── noAddress.6766b231.png
│   │   ├── noData.1c06e1e1.jpeg
│   │   ├── normal.0447fe9b.png
│   │   ├── peanut.7c7a8e68.jpeg
│   │   ├── shop-icon.89b053df.png
│   │   └── vip.3a5e7fe3.png
│   ├── index.html
│   └── js
│   ├── app.dcad662d.js
│   ├── chunk-00efe2c0.4fb94ff0.js
│   ├── chunk-03695e29.df14534c.js
│   ├── chunk-1c05899c.97f08d60.js
│   ├── chunk-25e96a84.b7f55923.js
│   ├── chunk-280ed094.8e7d4361.js
│   ├── chunk-289cebb4.05880eab.js
│   ├── chunk-2a8eca70.81e4d1ec.js
│   ├── chunk-2d0b724a.37624db2.js
│   ├── chunk-2d213a5f.0579797d.js
│   ├── chunk-406be3b6.577125dc.js
│   ├── chunk-46ff586d.2c8deaf8.js
│   ├── chunk-4d2aa3a6.f23b6cc3.js
│   ├── chunk-68b5a4c1.1936923a.js
│   ├── chunk-73501d7b.a40d7db6.js
│   ├── chunk-7d9610e7.9e45f85e.js
│   ├── chunk-841452cc.4dbb1232.js
│   ├── chunk-a9381e96.a73e7f2e.js
│   ├── chunk-b4652998.9a59c9d4.js
│   ├── chunk-c813db90.161312d0.js
│   ├── chunk-cde6fab6.7efaedac.js
│   ├── chunk-e100ab0a.2cdd8f49.js
│   ├── chunk-f50c4864.72c48548.js
│   ├── chunk-f5160d12.f6fa7a24.js
│   └── chunk-vendors.d0e96333.js
├── Easy-Mock-API.zip
├── LICENSE
├── package.json
├── package-lock.json
├── postcss.config.js
├── public
│   ├── favicon.ico
│   └── index.html
├── src
│   ├── App.vue
│   ├── assets
│   │   └── logo.png
│   ├── components
│   │   ├── backToTop
│   │   │   └── ToTop.vue
│   │   ├── goodsDetail
│   │   │   └── GoodsDetail.vue
│   │   ├── horizontalScroll
│   │   │   └── HorizontalScroll.vue
│   │   ├── loading
│   │   │   ├── LoadingGif.vue
│   │   │   └── Loading.vue
│   │   └── SvgIcon
│   │   └── index.vue
│   ├── config
│   │   ├── area.js
│   │   ├── filter.js
│   │   ├── global.js
│   │   ├── pubsub_type.js
│   │   └── rem.js
│   ├── i18n
│   │   ├── en.js
│   │   ├── index.js
│   │   └── zh.js
│   ├── icons
│   │   ├── index.js
│   │   └── svg
│   │   ├── backtotop.svg
│   │   ├── car_disable.svg
│   │   ├── car.svg
│   │   ├── down.svg
│   │   ├── loading.svg
│   │   ├── QQ.svg
│   │   ├── search.svg
│   │   ├── share.svg
│   │   ├── up_real.svg
│   │   ├── up.svg
│   │   ├── vip.svg
│   │   └── wechat.svg
│   ├── images
│   │   ├── cart
│   │   │   ├── empty.png
│   │   │   └── shop-icon.png
│   │   ├── home
│   │   │   └── backImage.png
│   │   ├── icon
│   │   │   ├── money.png
│   │   │   ├── seal.png
│   │   │   └── transport.png
│   │   ├── loading
│   │   │   ├── icon_loading.png
│   │   │   ├── loadGif2.gif
│   │   │   ├── loadGif3.gif
│   │   │   └── loadGif.gif
│   │   ├── login
│   │   │   ├── back2.jpg
│   │   │   ├── back.jpg
│   │   │   ├── blindfold.png
│   │   │   ├── greeting.png
│   │   │   ├── grey.jpg
│   │   │   ├── normal.png
│   │   │   ├── qq.png
│   │   │   ├── qq.svg
│   │   │   └── wx.png
│   │   ├── mine
│   │   │   ├── defaultImg.jpeg
│   │   │   ├── female.png
│   │   │   ├── male.png
│   │   │   ├── noData.jpeg
│   │   │   ├── rockets.png
│   │   │   └── vip.png
│   │   ├── order
│   │   │   ├── hb.png
│   │   │   ├── noAddress.png
│   │   │   ├── wx.png
│   │   │   └── zfb.png
│   │   ├── placeholderImg
│   │   │   └── product-img-load.png
│   │   ├── special
│   │   │   ├── hotItem1.webp
│   │   │   ├── hotItem2.webp
│   │   │   ├── newItem1.webp
│   │   │   ├── newItem2.webp
│   │   │   ├── peanut.jpeg
│   │   │   ├── vipItem1.webp
│   │   │   └── vipItem2.webp
│   │   └── tabbar
│   │   ├── category_default.png
│   │   ├── category_selected.png
│   │   ├── eat_default.png
│   │   ├── eats_default.png
│   │   ├── eat_selected.png
│   │   ├── home_default.png
│   │   ├── home_selected.png
│   │   ├── mine_default.png
│   │   ├── mine_selected.png
│   │   ├── shoppingcart_default.png
│   │   └── shoppingcart_selected.png
│   ├── main.js
│   ├── plugins
│   │   └── vant.js
│   ├── router
│   │   └── router.js
│   ├── serve
│   │   ├── api
│   │   │   ├── ajax.js
│   │   │   └── index.js
│   │   └── Easy-Mock-API
│   │   └── api
│   │   ├── cart
│   │   │   └── youlike.json
│   │   ├── homeApi
│   │   │   ├── categoriesdetail
│   │   │   │   ├── lk001.json
│   │   │   │   ├── lk002.json
│   │   │   │   ├── lk003.json
│   │   │   │   ├── lk004.json
│   │   │   │   ├── lk005.json
│   │   │   │   ├── lk006.json
│   │   │   │   ├── lk007.json
│   │   │   │   ├── lk008.json
│   │   │   │   ├── lk009.json
│   │   │   │   ├── lk010.json
│   │   │   │   ├── lk011.json
│   │   │   │   ├── lk012.json
│   │   │   │   ├── lk013.json
│   │   │   │   ├── lk014.json
│   │   │   │   ├── lk015.json
│   │   │   │   ├── lk016.json
│   │   │   │   ├── lk017.json
│   │   │   │   └── lk018.json
│   │   │   └── categories.json
│   │   ├── homeApi.json
│   │   ├── login_code.json
│   │   ├── mock.json
│   │   ├── proxy.json
│   │   ├── query.json
│   │   ├── recipe
│   │   │   ├── allScene.json
│   │   │   └── menulist
│   │   │   ├── lk01.json
│   │   │   ├── lk02.json
│   │   │   ├── lk03.json
│   │   │   ├── lk04.json
│   │   │   ├── lk05.json
│   │   │   ├── lk06.json
│   │   │   ├── lk07.json
│   │   │   ├── lk08.json
│   │   │   ├── lk09.json
│   │   │   ├── lk10.json
│   │   │   ├── lk11.json
│   │   │   ├── lk12.json
│   │   │   ├── lk13.json
│   │   │   ├── lk14.json
│   │   │   ├── lk15.json
│   │   │   ├── lk16.json
│   │   │   ├── lk17.json
│   │   │   ├── lk18.json
│   │   │   ├── lk19.json
│   │   │   ├── lk20.json
│   │   │   ├── lk21.json
│   │   │   ├── lk22.json
│   │   │   ├── lk23.json
│   │   │   ├── lk24.json
│   │   │   ├── lk25.json
│   │   │   ├── lk26.json
│   │   │   ├── lk27.json
│   │   │   ├── lk28.json
│   │   │   ├── lk29.json
│   │   │   ├── lk30.json
│   │   │   └── lk31.json
│   │   ├── restful
│   │   │   └── _id
│   │   │   └── list.json
│   │   ├── send_code.json
│   │   ├── upload.json
│   │   └── vip.json
│   ├── store
│   │   ├── actions.js
│   │   ├── getters.js
│   │   ├── mutations.js
│   │   ├── mutation-type.js
│   │   ├── state.js
│   │   └── store.js
│   └── views
│   ├── cart
│   │   └── Cart.vue
│   ├── category
│   │   ├── Category.vue
│   │   └── components
│   │   ├── ContentView.vue
│   │   ├── DropMenu.vue
│   │   └── SearchHead.vue
│   ├── dashboard
│   │   └── Dashboard.vue
│   ├── eat
│   │   ├── components
│   │   │   ├── MenuCategoryLists.vue
│   │   │   ├── MenuWaterFall.vue
│   │   │   ├── Search.vue
│   │   │   └── TodayMenu.vue
│   │   └── Eat.vue
│   ├── home
│   │   ├── components
│   │   │   ├── flash
│   │   │   │   ├── FlashBuy.vue
│   │   │   │   └── FlashFood.vue
│   │   │   ├── header
│   │   │   │   └── Header.vue
│   │   │   ├── map
│   │   │   │   └── Map.vue
│   │   │   ├── myVip
│   │   │   │   └── VipTip.vue
│   │   │   ├── nav
│   │   │   │   └── Nav.vue
│   │   │   ├── sowing
│   │   │   │   └── Sowing.vue
│   │   │   ├── special
│   │   │   │   └── SpecialZone.vue
│   │   │   ├── tabbar
│   │   │   │   ├── ProduceItem.vue
│   │   │   │   └── TabbarGoodsItem.vue
│   │   │   └── tip
│   │   │   └── Tip.vue
│   │   └── Home.vue
│   ├── login
│   │   └── Login.vue
│   ├── mine
│   │   ├── Children
│   │   │   ├── ChangeNickName.vue
│   │   │   ├── CouponList.vue
│   │   │   ├── MyOrderChildren
│   │   │   │   ├── AfterSale.vue
│   │   │   │   └── OrderType.vue
│   │   │   ├── MyOrder.vue
│   │   │   ├── MyVipChildren
│   │   │   │   ├── VipGoodsItems.vue
│   │   │   │   ├── VipMenuTitleScroll.vue
│   │   │   │   └── VipPay.vue
│   │   │   ├── MyVip.vue
│   │   │   └── UserCenter.vue
│   │   └── Mine.vue
│   └── order
│   ├── children
│   │   ├── children
│   │   │   ├── AddAddress.vue
│   │   │   └── EditAddress.vue
│   │   ├── MyAddress.vue
│   │   ├── OrderGoodsList.vue
│   │   └── TimeIntervalList.vue
│   └── Order.vue
└── vue.config.js

68 directories, 260 files

标签:

实例下载地址

Vue2.x 全家桶+Vant 搭建大型单页面电商项目 (页面齐全, 数据源与项目完整)

不能下载?内容有错? 点击这里报错 + 投诉 + 提问

好例子网口号:伸出你的我的手 — 分享

网友评论

发表评论

(您的评论需要经过审核才能显示)

查看所有0条评论>>

小贴士

感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。

  • 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
  • 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
  • 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
  • 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。

关于好例子网

本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明

;
报警