因为最近刚刚学习了下 VUE 所以想记录下。
话不多说 先上几张图 看下效果。
首页
发现页
详情
订单
我的
接下来会说下整个的高仿美团VUE<1>的实现过程
1、仿美团VUE<1>是基于vue2.0 VueCli开发的。具体VueCli项目怎么搭建 现在有很成熟的文档在这不做过多的赘述。建议官网看起>>>
2、用到的第三方库：
"dependencies": {
"@nutui/nutui": "^2.1.8",
"axios": "^0.19.0",
"babel-preset-env": "^1.7.0",
"core-js": "^3.4.3",
"js-base64": "^2.5.2",
"mint-ui": "^2.2.13",
"swiper": "^5.4.1",
"vue": "^2.6.10",
"vue-awesome-swiper": "^4.1.1",
"vue-clipboard": "0.0.1",
"vue-clipboard2": "^0.3.1",
"vue-preview": "^1.1.3",
"vue-router": "^3.1.3"
},
底部tab切换的实现：
引入：mui(不是标准的vue库 地址)
image.png
image.png