您当前的位置: 首页 > 慢生活 > 程序人生 网站首页程序人生
19vue路由结合请求数据(视口,scss)
发布时间:2023-04-10 23:03:01编辑:雪饮阅读()
-
添加视口
vue属于是单文件项目,无论你的项目里面有多少个.vue文件,最终构建出来的都是一个index.html,那些个vue文件都是虚拟dom在这个index.html中,所以如果是一些全局性的东西(其实可以看下默认的index.html就可以知道我们的vue文件都是在body中一个div的id为app的这个div里面),比如说要在head标签里面加一些东西,比如视口,当然不仅仅是head,也就是说脱离id为app的这个div外面的东西,一般的来说都是在index.html这里加比较好。
那么这里说的加视口,视口是什么一般的如
<meta name="viewport" content="width=device-width, initial-scale=1.0">
添加全局css样式
基于上面添加视口,那么添加引入一个css文件其实也是可以直接修改index.html的
但是我这里说的是另外一种方法。看起来比较权威点。
建立css文件src/assets/css/basic.scss如
div{
background:pink;
}
然后在main.js里面使用import关键字导入该css即可
import './assets/css/basic.scss';
这里需要注意的是据说这里css文件后缀尽量推荐用scss,直接用css暂时我个人是不太清楚有什么后果,或许也可以直接用css,但可能还有其它地方要配置,我这里目前环境是需要用scss吧。
关键字词:视口,scss
相关文章
-
无相关信息