1.修改顶部样式
1.1修改背景色
位置:src>layout>components>Navbar.vue
在Navbar中设置背景色:.navbar {background: #3c8dbc;}
1.2修改文字颜色
位置:src>components>Breadcrumb>index.vue
.no-redirect { color: #FFFFFF; cursor: text; }
2.左侧栏样式修改
位置:src/layout/components/Sidebar.index.vue引入了src/styles/variables.scss中的样子
所以改颜色可以去src/styles/variables.scss中修改
// sidebar
$menuText:#bfcbd9;//普通按钮字体颜色
$menuActiveText:#409EFF;//选择模块的字体颜色#F56C6C
$subMenuActiveText:#f4f4f5; //选中模块父级按钮字体颜色#E6A23C
$menuBg:#304156;//菜单的整体背景色
$menuHover:#263445;//菜单悬浮变色
$subMenuBg:#1f2d3d;//子菜单背景色
$subMenuHover:#001528;//子菜单悬浮背景色
$sideBarWidth: 210px; //侧边栏的宽度
3.修改全局样式
位置:src/styles/index.scss