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