如何使用element-ui进行主题的切换呢_elementui 主题色切换

我们在使用element-ui框架的时，有很多时候主题的配色都是我们不喜欢的，那这个时候element-ui的组件库就帮助我们推出了一套主题定制，用来帮助我们切换主题，方法也很简单

在项目中改变sass变量

首先在项目中src文件创建一个style文件

在文件中进行以下配置：

/*改变主题色变量*/

$--color-primary: #2ca471;

/* 改变 icon 字体路径变量，必需 */

$--font-path: '~element-ui/lib/theme-chalk/fonts'; 

@import "~element-ui/packages/theme-chalk/src/index";

然后再main.js中引用即可

import Vue from 'vue'

import  '@/src/style/xxx.sass'

这里我们需要注意sass-loader的安装，如果未安装的话，具体安装步骤请详见sass-loader