elment-plus如何引入scss文件实现自定义主题色!如果您想修改elementPlus的默认主题色调,使用自定义的色调,可以考虑使用官方提供的解决办法。
第一步你需要在项目内安装sass插件包。
npm i sass -D
如图,安装完成后,你可以看见在配置文件内的开发环境依赖选项里多了一个参数。
如图所示。安装成功了。
接下来就是需要在项目里提前准备好一份scss文件。
第二步:在该路径下面建立好文件。styles/element/index.scss。
/*只需要重写你需要的即可*/
@forward 'element-plus/theme-chalk/src/common/var.scss' with(
$colors:(
'primary':(
//主色
'base':#27ba9b
),
'success':(
//成功色
'base':#1dc779
),
'warning':(
//警告色
'base':#ffb302
),
'danger':(
//危险色
'base':#e26237