固定颜色修改失败

来源:5-18 方案落地:处理 element-plus 主题变更

charlotteeeeeeeee

2022-03-03

老师好,我尝试修改单次主题颜色的时候失效,请问是什么原因呢

图片描述

图片描述

index.scss为:

@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  $colors: (
    'primary': (
      'base': #000000,
    ),
  ),
);

// 如果只是按需导入,则可以忽略以下内容。
// 如果你想导入所有样式:
// @use "element-plus/theme-chalk/src/index.scss" as *;

图片描述

写回答

1回答

Sunday

2022-03-03

你好

如果你期望通过 @forward 来修改 element-plus 的样式变量,那么是不可行的。

因为你的修改注定要存在一个修改的时机,而这个时机会在 element-plus 编译之后进行,所以你的修改会无效。

而咱们课程中的方式,是直接修改了编译之后生成的 css 样式,所以会立即生效

0
2
charlotteeeeeeeee
解决问题了,谢谢老师
2022-03-03
共2条回复

基于Vue3新标准,打造后台综合解决方案

基于Vue3重写Vue-element-admin,打造后台前端综合解决方案

1940 学习 · 1686 问题

查看课程