1.一般的做法是在src/assets目录下新建目录css,在css目录中新建文件global.css,内容如下:
/* 全局样式表 */
html, body, #app {
height: 100%;
margin: 0;
padding: 0;
}
2.打开main.js添加如下内容:
// 自定义全局css
import './assets/css/global.css'
这样你就得到了一个占满屏幕的根组件,其他的组件在其中配置即可。
本文介绍如何在Vue项目中设置全局CSS样式,通过在src/assets/css目录下创建global.css文件,并在main.js中引入,实现根组件占满屏幕的效果。
1.一般的做法是在src/assets目录下新建目录css,在css目录中新建文件global.css,内容如下:
/* 全局样式表 */
html, body, #app {
height: 100%;
margin: 0;
padding: 0;
}
2.打开main.js添加如下内容:
// 自定义全局css
import './assets/css/global.css'
这样你就得到了一个占满屏幕的根组件,其他的组件在其中配置即可。
6078
3071
6993