固定颜色修改失败

Question

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

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 *;

Answer 1

Sunday 2022-03-03 20:01:42

你好

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

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

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

• 提问者 charlotteeeeeeeee #1

  老师好，我不是想通过这个方式来动态修改主题色，只是在写demo的时候尝试把主题色修改成另一个颜色，没有实际变色效果

• 提问者 charlotteeeeeeeee #2

  解决问题了，谢谢老师