1. 程式人生 > >VUE去哪兒網仿寫

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