vue-element-admin配置侧边栏以及主要模块背景色等

这是默认的样式

现在改变左侧菜单的样式

具体写法：在script中引入variables

import variables from '@/styles/variables.scss'

随后在methods中return

variables() {
  return variables
},

最后就绑定好了颜色。

$menuBg: rgb(16, 64, 111); // 菜单整体背景
$menuHover: #101e3c; // 菜单悬浮变色

$subMenuBg:#0c2a4a; // 子菜单背景
$subMenuHover:#101e3c; // 子菜单悬浮背景