菜单列表 资源列表 深色系改造完成

src/styles/index.scss

@@ -571,6 +571,13 @@ span.default {
 .el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
   background-color: var(--selectDropdownHoverBgC);
 }
+.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
+  color: var(--elSelectC);
+  background-color: var(--elSelectBgC);
+}
+.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
+  background-color: var(--elSelectBgC);
+}
 // 下拉菜单样式
 .el-dropdown-menu {
   background-color: var(--selectDropdownBgC);
@@ -681,10 +688,13 @@ span.default {
   border: 1px solid var(--elPopoverBoderC);
   color: var(--elPopoverC);
 }
-
-
-
-
+.el-tree {
+  background: var(--elTreeBgC);
+  color: var(--elTreeC);
+}
+.el-tree-node__content:hover {
+  background: var(--elTreeHoverBgC);
+}
 
 
 .el-form-item {

src/styles/variables.scss

@@ -92,6 +92,11 @@ $menuBg-jcceDark:inherit;
   --elPopoverBgC: #FFFFFF; // el-popover 背景颜色
   --elPopoverBoderC: #e6ebf5; // el-popover 边框颜色
   --elPopoverC: #606266; // el-popover 字体颜色
+  --elTreeBgC: 'white'; // el-tree 背景颜色
+  --elTreeC: #606266; // el-tree 字体颜色
+  --elTreeHoverBgC: #F5F7FA; // el-tree 鼠标浮上背景颜色
+  --elSelectBgC: #FFFFFF; // el-select 背景颜色
+  --elSelectC: #1890ff; // el-select 字体颜色
 
   --listDetailColor: #454B53; // 容器管理详情
 
@@ -110,6 +115,8 @@ $menuBg-jcceDark:inherit;
   --functionOverviewInfoC: #505879; // 函数概览字体颜色
 
   --blockListMoney: #dfebf7; // 云际记账-合同交易总金额 背景颜色
+
+  --chooseLine: #F2F6FC; // 角色管理
 }
 
 // 深色系
@@ -175,6 +182,11 @@ $menuBg-jcceDark:inherit;
   --elPopoverBgC: #2C3A4E; // el-popover 背景颜色
   --elPopoverBoderC: #2C3A4E; // el-popover 边框颜色
   --elPopoverC: #FFFFFF; // el-popover 字体颜色
+  --elTreeBgC: #2c3a4e; // el-tree 背景颜色
+  --elTreeC: 'white'; // el-tree 字体颜色
+  --elTreeHoverBgC: rgba(255,255,255,0.1); // el-tree 鼠标浮上背景颜色
+  --elSelectBgC: rgba(255,255,255,0.2); // el-select 背景颜色
+  --elSelectC: #FFFFFF; // el-select 字体颜色
 
   --listDetailColor: #FFFFFF; // 容器管理详情
 
@@ -193,6 +205,8 @@ $menuBg-jcceDark:inherit;
   --functionOverviewInfoC: #FFFFFF; // 函数概览字体颜色
 
   --blockListMoney: #2d4154; // 云际记账-合同交易总金额 背景颜色
+
+  --chooseLine: rgba(255,255,255,0.2); // 角色管理
 }
 
 :export {

src/views/permissionManagement/roleList.vue

@@ -75,7 +75,7 @@
       width="50%"
     >
       <div v-for="(cate,index) in allResourceCate" :key="'cate'+cate.id" :class="index===0?'top-line':null">
-        <el-row class="table-layout" style="background: #F2F6FC;">
+        <el-row class="table-layout choose-line">
           <el-checkbox
             v-model="cate.checked"
             :indeterminate="isIndeterminate(cate.id)"
@@ -444,4 +444,7 @@ export default {
   align-items: center;
   justify-content: center;
 }
+.choose-line{
+  background: var(--chooseLine);
+}
 </style>