摘要:項目地址預(yù)覽的時候如果是用電腦預(yù)覽的話請切換手機端預(yù)覽地址源碼地址歡迎點贊項目描述主要技術(shù)使用實現(xiàn)單頁應(yīng)用使用處理路由使用實現(xiàn)數(shù)據(jù)存儲搜索歷史使用存儲實現(xiàn)手機端兼容一波小提示因為數(shù)據(jù)是我自己模擬的,存在里面,我只寫了萍鄉(xiāng)到南昌和上海到蘇州的
項目地址
預(yù)覽的時候如果是用電腦預(yù)覽的話請切換手機端
預(yù)覽地址
源碼地址(歡迎點贊 <( ̄︶ ̄)>)
項目描述主要技術(shù)
使用vue.js實現(xiàn)單頁應(yīng)用
使用vue Router處理路由
使用vuex實現(xiàn)數(shù)據(jù)存儲
搜索歷史使用localstorage存儲
flexible實現(xiàn)手機端兼容
一波小提示
因為數(shù)據(jù)是我自己模擬的,存在easy mock里面,我只寫了萍鄉(xiāng)到南昌和上海到蘇州的數(shù)據(jù),體驗的時候可以按照這個查詢哦
頁面功能
城市搜索,可以點擊選擇以及自己輸入,并且把搜索歷史保存在localstorage里面
日歷組件,選擇日期
對搜索的內(nèi)容進行以出發(fā)時間,旅行耗時,所需票價進行不同情況的排序,
不同車次的篩選
購買車票,可以購買多張車票
顯示購買的車票信息
來一波動態(tài)圖展示
總結(jié)
雖然只是一個小的例子練習(xí),但是一路踩坑過來,從中還是學(xué)到了很多東西,對vue vuex更加了解,邏輯思維也得到了了鍛煉,只有在不斷的練習(xí)中才能加固對知識的掌握,
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://www.ezyhdfw.cn/yun/83478.html
摘要:你沒有看錯,只需幾小時,低仿的尤大作者博客你帶回家,有的小朋友可能注意到,為啥這里沒說同款和高仿的原因是在還有一些其他的方面,都是簡單的實現(xiàn),我怕說了高仿之后,遭到板磚這樣就不好了,現(xiàn)在看病也挺貴的。步驟如下首先登錄阿里云控制臺。 前言 就在上周六看到阿里云服務(wù)器搞一個活動,6元錢一年的共享虛擬主機。但是之前有使用過,覺得最蛋疼的地方是,它只給你開放一個ftp,而且權(quán)限上面也有一些控制...
摘要:項目地址暫時只實現(xiàn)了基本功能加了一點微小的效果主要適配瀏覽器對和做了一點微小的適配現(xiàn)在已經(jīng)包括了打包平臺的功能了源碼地址項目預(yù)覽項目描述前端部分整體加載進度懶加載模塊的加載中提示實現(xiàn)了滑塊增量分頁新曲等使用了做單頁應(yīng)用使用了處理路由使用了管 項目地址 暫時只實現(xiàn)了基本功能 加了一點微?小的效果 主要適配pc瀏覽器 對android 和ios 做了一點微?小的適配 現(xiàn)在已經(jīng)包括了ele...
閱讀 3137·2021-11-24 11:14
閱讀 3660·2021-11-22 15:22
閱讀 3277·2021-09-27 13:36
閱讀 796·2021-08-31 14:29
閱讀 1385·2019-08-30 15:55
閱讀 1853·2019-08-29 17:29
閱讀 1194·2019-08-29 16:24
閱讀 2529·2019-08-26 13:48