/VueNote-Travel

A Vue.js project 基于 Vue.js 2.5 所实现

Primary LanguageVueMIT LicenseMIT

travel

A Vue.js project 基于 Vue.js 2.5 所实现

功能介绍

  • 实现了根据不同城市选择不同景点的功能；
  • 运用 vue-awesome-swiper 组件实现了多区域轮播的功能；
  • 实现了多区域列表循环的展示；
  • 实现了城市的展示、搜索；
  • 运用 better-scroll 组件实现了右侧字母与左侧区块动画联动的效果；
  • 城市选择区块切换新的城市与首页对应的城市跟着变化；
  • 运用公用的画廊组件以及渐隐渐现的 header 组件；
  • 利用 axios 获取数据；

效果图

在线体验

示例图

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.