Я на самом деле был подключен к этому некоторое время. Я понимаю, что концепция, вероятно, намного проще, чем то, что я получаю, но я просто не могу понять это. Для примера кода того, что я пытаюсь сделать. Используя приведенный ниже код 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;
Это корректно меняет фон элементов на цвет типа древесного угля. Теперь у navbar есть жестко закодированное значение белого, но даже если я уберу это, я все еще не могу заставить его изменить цвет? Как мне нацелиться на эту навигационную панель? Или я просто не в курсе и делаю это неправильно. Я новичок в vue и element-ui, чтобы быть искренним.