文章内容来源:https://blog.csdn.net/qq_36538012/article/details/110120546
修改vue-element-admin左侧导航栏的颜色
src-layout-sidebar-index.vue
:background-color=“variables.menuBg”
:active-text-color=“variables.menuActiveText”
而它的来源是这里:
import variables from '@/styles/variables.scss'
在对应文件中的对应处修改
@/styles/variables.scss:
在此文件中可以改写CSS代码:
$menuBg:#30419B; // 菜单整体背景
$menuHover: #3F4FA2; // 菜单悬浮变色
$subMenuBg:#30419B; // 子菜单背景
$subMenuHover:#3F4FA2; // 子菜单悬浮背景