用Vue开发app之前的项目整合

目录

1.设置页面比例

2.解决不同手机上显示的页面样式不一致的问题

3.解决高像素手机屏幕边框样式显示问题

4.解决点击事件300毫秒延迟的问题

5.在Iconfont上新建一个项目管理

---

 

1.设置页面比例

 

找到项目中index.html页面。在<meta name="viewport"...中补充如下代码

效果：页面比例始终为1:1，页面不允许用户通过手指进行放大缩小

    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

 

 

2.解决不同手机上显示的页面样式不一致的问题

 

 

首先找到src/assets/styles目录下，把reset.css文件复制上去

 

 

然后找到src/main.js文件

添加引用代码

import './assets/styles/reset.css'

 

 

3.解决高像素手机屏幕边框样式显示问题

 

 文件名为border.css，具体操作和第二条一致

 

 

4.解决点击事件300毫秒延迟的问题

 

进入cmd命令行，输入如下代码

npm install fastclick --save

安装成功之后，还是进入到main.js页面。添加如下两行代码即可

 

 

5.在Iconfont上新建一个项目管理

 

https://www.iconfont.cn/

 

进入项目管理，选择新建项目。输入一些必要的信息，以便之后进行管理