实例介绍
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
标签:
小贴士
感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论