树

src/views/modules/base/community/community.vue

@@ -775,13 +775,6 @@ export default {
   color: #2195fe;
 }
 </style>
-<style lang="scss" scoped>
-.div_tree {
-  /deep/ .el-scrollbar__wrap {
-    overflow-x: hidden !important;
-  }
-}
-</style>
 
 <style lang="scss" scoped >
 @import "@/assets/scss/modules/visual/communityManage.scss";
@@ -794,17 +787,46 @@ export default {
 }
 .scrollar {
   margin-top: 10px;
+  /deep/
+    .el-tree--highlight-current
+    .el-tree-node.is-current
+    > .el-tree-node__content {
+    background-color: #e1ecff;
+    border-radius: 3px;
+  }
+
+  /deep/ .el-tree-node:focus > .el-tree-node__content {
+    color: #0043c8;
+  }
+  /deep/ .el-tree-node__expand-icon {
+    color: #0043c8;
+    border: 1px solid #e1ecff;
+    background-color: #e1ecff;
+    padding: 0px;
+    margin-right: 8px;
+    font-size: 9px;
+  }
 }
 
 .div_tree {
+  /deep/ .el-scrollbar__wrap {
+    overflow-x: hidden !important;
+  }
+  /deep/ .el-input--medium .el-input__inner {
+    height: 27px;
+    border-radius: 0;
+  }
   flex: 0 0 280px;
-  background-color: #ffffff;
+  background-color: #f6f6f6;
-  border-radius: 5px;
+  border: 1px solid #d3dce6;
-  padding: 10px;
+  // border-radius: 5px;
+  padding: 19px 15px;
   overflow-y: hidden;
 }
 .filter_tree {
   overflow-x: auto;
+  background-color: #f6f6f6;
+  margin-top: 5px;
 }
 
 // .div_table {