AurorePaladin / VueNote-Travel

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

Home Page:http://www.wangyibei.cn/VueNote-Travel

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

About

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

http://www.wangyibei.cn/VueNote-Travel

License:MIT License


Languages

Language:Vue 46.4%Language:JavaScript 40.6%Language:CSS 12.4%Language:HTML 0.6%