vue.js - element-ui 中的主题自定义组件

Question

实际上，我已经为此工作了一段时间。我意识到这个概念可能比我得到的要容易得多，但我一生都无法弄清楚这一点。对于我试图做什么的代码示例。使用以下代码 https://github.com/PanJiaChen/vue-element-admin/blob/master/src/layout/components/Navbar.vue https://github.com/PanJiaChen/custom-element-theme

导航栏有一个范围样式

<style lang="scss" scoped>
.navbar {
  height: 50px;
  overflow: hidden;
  position: relative;
  background: #333;
  box-shadow: 0 1px 4px rgba(0,21,41,.08);

我正在尝试使用 element-ui 主题生成工具来覆盖背景颜色。我已经能够通过像这样设置白色的切换开关来正确切换所有颜色。

$--color-white: #333333 !default;

这正确地将元素的背景更改为木炭类型的颜色。现在导航栏有一个硬编码的白色值，但即使我删除了我仍然无法让它改变颜色？我如何定位该导航栏。或者我只是完全不合时宜并且做错了。我是 vue 和 element-ui 的新手，只是为了提前。

标签： vue.jselement-ui