便跟菜单

src/views/system/monitor/online/index.vue

@@ -758,6 +758,9 @@ onMounted(()=>{
         width: 350px;
         height: calc(100vh - 185px);
         background-color: #FFFFFF;
+
+         
+
         .butBox{
             display: flex;
             justify-content: space-between;
@@ -770,6 +773,18 @@ onMounted(()=>{
             height: calc(100vh - 330px);
             
         }
+        .el-tree{
+            --el-color-primary-light-9:#6eb3f8;
+            --el-tree-node-hover-bg-color:#a1c7ee;
+            --el-tree-node-content-height:43px;
+            --el-tree-expand-icon-color:#4c4c4e;
+            .el-tree-node__content{
+                height: 43px;
+            }
+        }  
+         .el-tree-node__content {
+            height: 40px; /* 设置选项高度 */
+        }
     }
     .roleright{
         width: calc(100% - 370px);
@@ -815,9 +830,15 @@ onMounted(()=>{
         justify-content: space-between;
         width: 100%;
         align-items: center;
-
+        svg{
+            display: none;
+            margin: 0 5px 0 auto;
+        }
         
     }
+    .treeRoleBox:hover svg{
+        display: block;
+    }
     
     
 }
@@ -927,19 +948,5 @@ onMounted(()=>{
     overflow: hidden;
     overflow-y: auto;
 }
-.treeBoxClass{
-    :deep .el-tree--highlight-current
-        .el-tree-node.is-current
-        > .el-tree-node__content{
-        background-color: rgba(135,206,235,0.2);
-        color: #409eff;
-        font-size: bold;
-    }
-    :deep 
-        .el-tree-node :hover{
-        background-color: rgba(135,206,235,0.2);
-        color: #409eff;
-        font-size: bold;
-    }
-}
+
 </style>