src/style/zwgk/menuModule.less

@@ -8,6 +8,7 @@
 
     .el-menu {
       border: none;
+
       .el-menu-item-group {
         height: 70px;
         text-align: center;
@@ -56,21 +57,38 @@
           word-wrap: break-word;
         }
       }
-      .is-active{
+
+      .is-active {
         background: #1b68c0;
-        .muneName{
+
+        .muneName {
           color: #fff;
         }
       }
 
       .menuBox {
         font-size: 23px;
+
         margin-bottom: 15px;
-        background: #f2f2f2;
-        border: 1px solid #ddd;
 
-        &:hover {
-          .el-sub-menu__title {
+        .el-sub-menu__title {
+          color: #fff;
+          height: 80px !important;
+          border-radius: 6px;
+          background: #f2f2f2;
+          border: 1px solid #ddd;
+        }
+
+        .el-menu-item {
+          width: 100%;
+          margin: 10px 0;
+          background: #FAFAFA;
+
+          .muneName {
+            width: 100%;
+          }
+
+          &:hover {
             color: #fff;
             background: #1b68c0;
           }
@@ -79,7 +97,10 @@
         .el-sub-menu__title {
           height: 70px;
           color: #1c68c0;
-
+          &:hover {
+            color: #fff;
+            background: #1b68c0;
+          }
           .el-icon {
             font-size: 22px;
           }