Browse Source

左侧行高和颜色

李文 4 years ago
parent
commit
5bef54e570
1 changed files with 10 additions and 1 deletions
  1. 10 1
      src/assets/scss/smp.scss

+ 10 - 1
src/assets/scss/smp.scss

@@ -7,6 +7,7 @@ $smp--color-warn-lv-4: #1882f8;
 $smp--color-blue: #1280f1;
 $smp--color-blue-white: #e2f0fd;
 $smp--color-blue-white-2: #f1f8ff;
+$smp--color-blue-white-3: #6bb4ff;
 $smp--color-red: #f95757;
 $smp--color-white: #ffffff;
 $smp--color-gray_f5: #f5f5f5;
@@ -927,6 +928,7 @@ html,body{
   .smps-menu{
     border-right:none;
     .el-menu-item,.el-submenu__title{
+      height:44px;
       display: flex;
       align-items: center;
       i.smp-nav-icon{
@@ -949,8 +951,15 @@ html,body{
         color:$smp--color-white;
       }
     }
+    .el-submenu__title:hover{
+      background-color:$smp--color-blue-white-3 ;
+      color:$smp--color-white;
+      .el-submenu__icon-arrow{
+        color:$smp--color-white;
+      }
+    }
     .el-menu-item:hover{
-      background-color:$smp--color-blue ;
+      background-color:$smp--color-blue-white-3 ;
       .smpsbm-point{
         color:$smp--color-white;
       }