Travel

A Vue.js project

仿去哪儿核心页面 前端开发

⚫ 描述:使用Vue.js开发的仿去哪儿核心页面(首页、城市选择页、详情页)

⚫ 预览链接:https://hcq29.github.io/Travel/dist/ (查看时请缩小网页,或者使用手机预览)

  1. 负责公共头部、轮播图的开发,同时使用 axios 获取接口数据以及父子组件间数据的传递;

  2. 在城市选择页面中使用了路由配置、 Better-scroll 、字母表布局技术,支持城市搜索;

  3. 采用 Vuex 实现数据共享, LocalStorage 实现页面数据持久存储及 keep-alive 优化路由页面性能;

  4. 使用动态路由配置完成详情页面的开发以及动画效果的封装。

以下是预览图片

1049e6b0923c46847c5713f58456d46- c1df19c1cc7432837ff1335581f2fd6 (1)

c82df8fe874a88f66da863473d13657

d82e4a3da5057f71ff1e46bbc492c20 784ad68d2bd4f6fc733e5dd66bd524d