Browse Source

fix: 样式

lxf 1 tuần trước cách đây
mục cha
commit
e437b746cf
1 tập tin đã thay đổi với 17 bổ sung14 xóa
  1. 17 14
      src/views/device/index.vue

+ 17 - 14
src/views/device/index.vue

@@ -354,12 +354,12 @@ const handleDelete = (row) => {
 }
 
 .btn-search {
-  --el-button-bg-color: #{$warning-color};
-  --el-button-border-color: #{$warning-color};
-  --el-button-hover-bg-color: #{mix(#fff, $warning-color, 12%)};
-  --el-button-hover-border-color: #{mix(#fff, $warning-color, 12%)};
-  --el-button-active-bg-color: #{mix(#000, $warning-color, 8%)};
-  --el-button-active-border-color: #{mix(#000, $warning-color, 8%)};
+  // --el-button-bg-color: #{$warning-color};
+  // --el-button-border-color: #{$warning-color};
+  // --el-button-hover-bg-color: #{mix(#fff, $warning-color, 12%)};
+  // --el-button-hover-border-color: #{mix(#fff, $warning-color, 12%)};
+  // --el-button-active-bg-color: #{mix(#000, $warning-color, 8%)};
+  // --el-button-active-border-color: #{mix(#000, $warning-color, 8%)};
   height: 32px;
   padding: 0 18px;
   border-radius: 4px;
@@ -412,12 +412,12 @@ const handleDelete = (row) => {
 }
 
 .btn-add {
-  --el-button-bg-color: #{$warning-color};
-  --el-button-border-color: #{$warning-color};
-  --el-button-hover-bg-color: #{mix(#fff, $warning-color, 12%)};
-  --el-button-hover-border-color: #{mix(#fff, $warning-color, 12%)};
-  --el-button-active-bg-color: #{mix(#000, $warning-color, 8%)};
-  --el-button-active-border-color: #{mix(#000, $warning-color, 8%)};
+  // --el-button-bg-color: #{$warning-color};
+  // --el-button-border-color: #{$warning-color};
+  // --el-button-hover-bg-color: #{mix(#fff, $warning-color, 12%)};
+  // --el-button-hover-border-color: #{mix(#fff, $warning-color, 12%)};
+  // --el-button-active-bg-color: #{mix(#000, $warning-color, 8%)};
+  // --el-button-active-border-color: #{mix(#000, $warning-color, 8%)};
   height: 36px;
   padding: 0 18px;
   border-radius: 4px;
@@ -429,6 +429,9 @@ const handleDelete = (row) => {
   margin-top: 20px;
 
   :deep(.device-table__header) {
+    &:nth-child(2) {
+      color: #818080;
+    }
     background: #F5F5F5 !important;
     color: #535353;
     font-weight: 500;
@@ -577,8 +580,8 @@ const handleDelete = (row) => {
 
   &:hover {
     color: #fff !important;
-    background: mix(#fff, #F56B6B, 12%) !important;
-    border-color: mix(#fff, #F56B6B, 12%) !important;
+    // background: mix(#fff, #F56B6B, 12%) !important;
+    // border-color: mix(#fff, #F56B6B, 12%) !important;
   }
 }