39

项目地址

  • 预览的时候如果是用电脑预览的话请切换手机端

  • 预览地址

  • 源码地址(欢迎点赞 <( ̄︶ ̄)>)

项目描述

主要技术

  • 使用vue.js实现单页应用

  • 使用vue Router处理路由

  • 使用vuex实现数据存储

  • 搜索历史使用localstorage存储

  • flexible实现手机端兼容

一波小提示

  • 因为数据是我自己模拟的,存在easy mock里面,我只写了萍乡到南昌和上海到苏州的数据,体验的时候可以按照这个查询哦

页面功能

  • 城市搜索,可以点击选择以及自己输入,并且把搜索历史保存在localstorage里面

  • 日历组件,选择日期

  • 对搜索的内容进行以出发时间,旅行耗时,所需票价进行不同情况的排序,

  • 不同车次的筛选

  • 购买车票,可以购买多张车票

  • 显示购买的车票信息

来一波动态图展示
图片描述
图片描述
图片描述
图片描述
图片描述

总结
虽然只是一个小的例子练习,但是一路踩坑过来,从中还是学到了很多东西,对vue vuex更加了解,逻辑思维也得到了了锻炼,只有在不断的练习中才能加固对知识的掌握,


hj0503
82 声望10 粉丝