瀏覽代碼

fix: Backlog侧边栏样式黑暗模式显示问题

dhb52 1 年之前
父節點
當前提交
a2de0665eb
共有 1 個文件被更改,包括 6 次插入10 次删除
  1. 6 10
      src/views/crm/backlog/index.vue

+ 6 - 10
src/views/crm/backlog/index.vue

@@ -96,8 +96,8 @@ const leftSides = ref([
 const sideClick = (item) => {
   leftType.value = item.infoType
 }
-// TODO @dhb52: 侧边栏样式,在黑暗模式下,颜色会不对。是不是可以读取主题色哈;
 </script>
+
 <style lang="scss" scoped>
 .side-item-list {
   top: 0;
@@ -105,8 +105,8 @@ const sideClick = (item) => {
   left: 0;
   z-index: 1;
   font-size: 14px;
-  background-color: white;
-  border: 1px solid #e6e6e6;
+  background-color: var(--el-bg-color);
+  border: 1px solid var(--el-border-color);
   border-radius: 5px;
 
   .side-item {
@@ -115,21 +115,17 @@ const sideClick = (item) => {
     padding: 0 20px;
     line-height: 50px;
     cursor: pointer;
-
-    i {
-      color: #999;
-    }
   }
 }
 
 .side-item-default {
-  color: #333;
+  color: var(--el-text-color-primary);
   border-right: 2px solid transparent;
 }
 
 .side-item-select {
-  color: #409eff;
-  background-color: #ecf5ff;
+  color: var(--el-color-primary);
+  background-color: var(--el-color-primary-light-9);
   border-right: 2px solid var(--el-color-primary);
 }