element-admin改变默认主题颜色
- 新建一个scss文件
例如:element-variables.scss文件
//更改主题颜色
$--color-primary:red;
//更改图标路径
$--font-path: "~element-ui/lib/theme-chalk/fonts";
@import "~element-ui/packages/theme-chalk/src/index";
:export {
theme: $--color-primary;
}
- 在main.js文件中引入scss文件
import './styles/element-variables.scss'
- 注意:需要项目中安装两个依赖
npm install sass-loader scss-loader node-sass --save-dev