VUE去哪儿网仿写

本文介绍了使用Vue进行去哪儿网移动端页面的仿写,涉及组件传值、VUE-Router、VUEX、AJAX以及swiper3实现的轮播效果。通过四个关键页面的交互,展示了城市选择、景点详情和轮播图等功能。完整代码已上传至百度云,供读者下载学习。
摘要由CSDN通过智能技术生成

今天。博主带来的是一个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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值