.el-menu-vertical-demo:not(.el-menu--collapse) {
width: 200px;
min-height: 400px;
}
.is-active {
background-color: #6a89a5 !important;
}
// hover菜单设置颜色
.el-menu-item:hover {
background-color: #6a89a5 !important;
}
// 边框多出1像素
.el-menu-vertical-demo {
border: none;
}
// 箭头颜色
.el-menu-vertical-demo .el-submenu__title i {
color: #fff;
}
html
<el-scrollbar>
<div>
你的内容区
</div>
</el-scrollbar>
css
.el-scrollbar {
height: 200px;
}
// 竖向滚动条颜色
/deep/.el-scrollbar__bar.is-vertical > div {
background-color: #575f7b;
}
// 隐藏横线滚动条
/deep/.el-scrollbar__wrap {
overflow-x: hidden;
}
// 隐藏竖向滚动条
/deep/.el-scrollbar__bar.is-vertical > div {
background-color: transparent;
}
