5.css样式全局配置

5.css样式全局配置

1.可参考上一篇文档

• 在src\assets\scss目录下新建global.scss全局配置样式文件

内容如下：

/* 定义全局样式表 */
html,
body,
#app {
  margin: 0px;
  padding: 0px;
  height: 100%;
  width: 100%;
  background-color: #6699ff;
}
// 举例 ：全局配置修改element默认的颜色
.el-button--primary {
  background: #3f77f5;
  border: 1px solid #3f77f5;
}

• 在main.js中导入全局样式表

import  './assets/scss/global.scss'

效果

去掉了全局背景色，全局背景色将蓝色改为了白色，底下是按钮修改之后的样色