element自定义背景更换

最近的项目中需要自定义背景更换。可以在element官网查看使用方法，有2中方法，使用了第一种比较简单的，第二种自己尝试了开头没有继续。

在这里使用这个方法，在项目中新建一个js文件，并且全局引用

在这个element-variables.scss里面内容可以官网复制过来

/* theme color */
$--color-primary: #1890ff;
$--color-success: #13ce66;
$--color-warning: #ffba00;
$--color-danger: #ff4949;
$--color-info: rgba(32, 37, 57, 1);

$--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";

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  theme: $--color-primary;
}

我们使用store来实现主题更换

引入index.js里面

此后进行组件编写在comp