分享一个最近写的vue项目,写了三个页面。
- 主界面
- 城市选择页面
- 详情页
项目地址:https://gitee.com/xcGra/Travel
里面有所有的代码
移动端处理click事件300ms延迟
运行 npm install fastclick --save
在项目入口文件main.js中引入fastclick
import fastClick from 'fastclick'
绑定到body
fastClick.attach(document.body)
reset.css
不同浏览器对相同标签的显示效果,有时候往往不同,那么在做项目的时候就需要对基本的样式进行设置,以达到在不同浏览器下显示效果是相同的
在项目入口文件main.js中引入fastclick
import './assets/styles/reset.css'
border.css
该css样式用于解决移动端1像素边框问题。
有些手机的屏幕分辨率较高,是2-3倍屏幕。css样式中border:1px solid red;在2倍屏下,显示的并不是1个物理像素,而是2个物理像素。
在项目入口文件main.js中引入fastclick
import './assets/styles/border.css'