perf: 树样式，全局滚动条

src/pages/userCenter/UserManage.less

 
-// @media screen and (max-width:1400px){
-//     .orgContainer{
-//         display:none; 
-//     }
-// }
+:global{
+    ::-webkit-scrollbar {
+        height: 10px;//x轴滚动条粗细
+        width:6px;//y轴滚动条粗细
+        border-bottom: 2px solid white;
+    }
+    
+    //滚动条里面的小方块，能上下左右移动（取决于是垂直滚动条还是水平滚动条）
+    ::-webkit-scrollbar-thumb {
+        border-radius: 10px;
+        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);       
+        background: rgba(74, 74, 75, 0.3);
+        margin-bottom: 10px;
+    }
+    //滚动条的轨道（里面装有thumb）滚动槽
+    ::-webkit-scrollbar-track {
+        box-shadow: 0;
+        border-radius: 0;
+        background: white;//滚动槽背景色
+        border-radius: 10px;//滚动条边框半径设置
+    }
+    .ant-tree-node-content-wrapper{
+        width:100%;
+        overflow: hidden !important;
+        .ant-tree-title{
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            display: block;
+        }
+    }
+    
+}
 .redText{
     color: red;
     cursor: pointer;
@@ -42,7 +70,7 @@
             height: calc(100vh - 74px);
             float: left;
             padding: 10px;
-            min-width: 240px;
+            width: 200px;
             background: white;
             overflow: auto;
             .ant-tree{
@@ -55,26 +83,6 @@
                     }
                 }                
             }
-            &::-webkit-scrollbar {
-                height: 10px;//x轴滚动条粗细
-                width:6px;//y轴滚动条粗细
-                border-bottom: 2px solid white;
-            }
-            
-            //滚动条里面的小方块，能上下左右移动（取决于是垂直滚动条还是水平滚动条）
-            &::-webkit-scrollbar-thumb {
-                border-radius: 10px;
-                box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);       
-                background: rgba(74, 74, 75, 0.1);
-                margin-bottom: 10px;
-            }
-            //滚动条的轨道（里面装有thumb）滚动槽
-            &::-webkit-scrollbar-track {
-                box-shadow: 0;
-                border-radius: 0;
-                background: white;//滚动槽背景色
-                border-radius: 10px;//滚动条边框半径设置
-            }
         }
         .hide{
             display: none;
@@ -116,27 +124,6 @@
                 height:calc(100vh - 168px);
                 border-right: white;
                 overflow: auto !important;
-                //滚动条整体部分
-                &::-webkit-scrollbar {
-                    height: 10px;//x轴滚动条粗细
-                    width:6px;//y轴滚动条粗细
-                    border-bottom: 2px solid white;
-                }
-                
-                //滚动条里面的小方块，能上下左右移动（取决于是垂直滚动条还是水平滚动条）
-                &::-webkit-scrollbar-thumb {
-                    border-radius: 10px;
-                    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);       
-                    background: rgba(74, 74, 75, 0.1);
-                    margin-bottom: 10px;
-                }
-                //滚动条的轨道（里面装有thumb）滚动槽
-                &::-webkit-scrollbar-track {
-                    box-shadow: 0;
-                    border-radius: 0;
-                    background: white;//滚动槽背景色
-                    border-radius: 10px;//滚动条边框半径设置
-                }
             }
         }
     }