|
|
@@ -4,8 +4,8 @@
|
|
|
<el-menu
|
|
|
:default-active="activeMenu"
|
|
|
:collapse="isCollapse"
|
|
|
- background-color="#304156"
|
|
|
- text-color="#bfcbd9"
|
|
|
+ background-color="#ffffff"
|
|
|
+ text-color="#606266"
|
|
|
active-text-color="#409eff"
|
|
|
:collapse-transition="false"
|
|
|
unique-opened
|
|
|
@@ -208,7 +208,8 @@ export default {
|
|
|
height: 100%;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
- background-color: #304156;
|
|
|
+ background-color: #ffffff;
|
|
|
+ border-right: 1px solid #e4e7ed;
|
|
|
}
|
|
|
|
|
|
.sidebar-menu {
|
|
|
@@ -220,32 +221,32 @@ export default {
|
|
|
|
|
|
:deep(.el-menu) {
|
|
|
border-right: none;
|
|
|
- background-color: #304156;
|
|
|
+ background-color: #ffffff;
|
|
|
}
|
|
|
|
|
|
:deep(.el-sub-menu__title) {
|
|
|
- color: #bfcbd9;
|
|
|
- background-color: #304156;
|
|
|
+ color: #606266;
|
|
|
+ background-color: #ffffff;
|
|
|
}
|
|
|
|
|
|
:deep(.el-sub-menu__title:hover) {
|
|
|
- background-color: #263445 !important;
|
|
|
- color: #fff !important;
|
|
|
+ background-color: #f5f7fa !important;
|
|
|
+ color: #303133 !important;
|
|
|
}
|
|
|
|
|
|
:deep(.el-menu-item) {
|
|
|
- color: #bfcbd9;
|
|
|
- background-color: #304156;
|
|
|
+ color: #606266;
|
|
|
+ background-color: #ffffff;
|
|
|
}
|
|
|
|
|
|
:deep(.el-menu-item:hover) {
|
|
|
- background-color: #263445 !important;
|
|
|
- color: #fff !important;
|
|
|
+ background-color: #f5f7fa !important;
|
|
|
+ color: #303133 !important;
|
|
|
}
|
|
|
|
|
|
:deep(.el-menu-item.is-active) {
|
|
|
- background-color: #409eff !important;
|
|
|
- color: #fff !important;
|
|
|
+ background-color: #ecf5ff !important;
|
|
|
+ color: #409eff !important;
|
|
|
}
|
|
|
|
|
|
.sidebar-container.collapsed :deep(.el-sub-menu__title span) {
|
|
|
@@ -260,15 +261,15 @@ export default {
|
|
|
height: 44px;
|
|
|
line-height: 44px;
|
|
|
text-align: center;
|
|
|
- color: #bfcbd9;
|
|
|
+ color: #606266;
|
|
|
cursor: pointer;
|
|
|
- border-top: 1px solid #1f2d3d;
|
|
|
- background-color: #304156;
|
|
|
+ border-top: 1px solid #e4e7ed;
|
|
|
+ background-color: #ffffff;
|
|
|
}
|
|
|
|
|
|
.collapse-btn:hover {
|
|
|
- background-color: #263445;
|
|
|
- color: #fff;
|
|
|
+ background-color: #f5f7fa;
|
|
|
+ color: #303133;
|
|
|
}
|
|
|
|
|
|
.btn-text {
|
