vue全局配置elementUI主题,改变全局button底色等

在路径src/styles/element-variables.scss新建文件

复制一下代码，粘贴进去

 
/* theme color */
$--color-primary: #ED8270;
$--color-success:#67C23A;
$--color-warning: #E6A23C;
$--color-danger: #488FD1;
$--color-info: #909399;
 
$--button-font-weight: 400;
 
// $--color-text-regular: #1f2d3d;
 
$--border-color-light: #dfe4ed;
$--border-color-lighter: #e6ebf5;
 
$--table-border:1px solid#dfe6ec;
 
/* icon font path, required */
$--font-path: '~element-ui/lib/theme-chalk/fonts';
 
@import "~element-ui/packages/theme-chalk/src/index";  //其余的应用element样式
 
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass

:export {
  theme: $--color-primary;
}

去main.js文件中引入这个文件

import './styles/element-variables.scss'//修改elementUI默认样式