VUE去哪儿网仿写

今天。博主带来的是一个VUE项目的实战,去哪儿网移动端仿写,,其中包括了,组件传值,VUE-Router,VUEX,AJAX,以及swiper3插件实现轮播效果,由于代码比较庞大这里就不贴了,文章末尾博主会把代码百度云连接放上,欢迎下载关注。

好了,我们来看下效果吧:





主要是这四个页面,从上到下依次编号为1234,

简单说下效果:

1、页面1中点击右上角北京可以切换到城市选择页面2 ,在页面2中选择了城市之后页面1的城市也会发生对应的变化,点击页面2左上角的星星可以返回页面1

2、页面1 中点击猜你喜欢中的一个景点。可以进入详情页面3,页面3 中点击图片又可以放大,即为页面4,页面4中是一个轮播图,点击页面四任何地方均可以返回页面三,同样点击页面三的返回也可以返回页面1

3、页面1上半部分的图片还有小标签都是轮播。大体上就这些把可以下载代码自行体会。

链接:https://pan.baidu.com/s/1yuOQzSVdo9wCVieqEx8WQw 密码:vqjz

猜你喜欢

转载自blog.csdn.net/qq_35788269/article/details/80865064