##vue移动端去哪儿旅游网
说明:
1、该项目是对移动端去哪儿网的仿写,实现了从首页、城市选择、详情页面,是一个前后端分离的开源目,实现了前端内容的编写。
2、主要技术栈:Vue+Vue-router+Vuex++Axios+stylus+fastclick+swiper+BetterScroll
Gitee地址:https://gitee.com/hoona/travel-self
演示视频地址:https://v.qq.com/x/page/f3240qdzl7c.html
页面:
首页页面、城市选择页面、详情页面
遇到的一些问题,以及解决方案:
- fastclick插件 :Vue解决用户点击事件延迟的
在正常情况下,如果不进行特殊处理,移动端在触发点击事件时,会有300ms的延迟。
方案一:
<!-- user-scalable=no表明这个页面不可缩放,也就是浏览器禁用的双击缩放事件并且同时会去掉300ms点击延迟。 -->
<meta name="viewport"
content="width=device-width,initial-scale=1.0,maximum-scale=1, minimum-scale=1, user-scalable=no">
方案二: fastclick插件解决问题
安装
npm install fastclick
引入:main.js
import FastClick from 'fastclick'
FastClick.attach(document.body)
- 运行时stylus要报错,版本问题
解决:<