From 37f7d2b3d460872bec86e0265d3426ac17c766ae Mon Sep 17 00:00:00 2001
From: zzyuan <781948537@qq.com>
Date: Fri, 12 Dec 2025 17:30:28 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A3=85=E5=A4=87=E5=85=B1=E4=BA=AB=E5=A4=A7?=
 =?UTF-8?q?=E5=B1=8F=E4=BA=8C=E7=BA=A7=E5=BC=B9=E7=AA=972-=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../shareScreen/components/detailList.vue     | 20 +++++++++++--------
 .../shareScreen/components/details-new.vue    | 16 +++++++++------
 .../shareScreen/components/details-unit.vue   | 10 +++++++---
 3 files changed, 29 insertions(+), 17 deletions(-)

diff --git a/src/views/screen/shareScreen/components/detailList.vue b/src/views/screen/shareScreen/components/detailList.vue
index 7978738a..dc7f8eed 100644
--- a/src/views/screen/shareScreen/components/detailList.vue
+++ b/src/views/screen/shareScreen/components/detailList.vue
@@ -253,30 +253,34 @@ export default {
             line-height: 30px;
             padding-left: 35px;
         }
-        ::v-deep(.el-table) {
+        ::v-deep .el-table{
             background-color: transparent;
         }
-        :deep(.el-table__header-wrapper) {
-            background: url('../../../../assets/img/screen/table-1.png') no-repeat !important;
+        ::v-deep .el-table .el-table__header{
+            background-color: transparent;
+        }
+        ::v-deep .el-table__header-wrapper {
+            background-image: url('../../../../assets/img/screen/table-1.png')!important;
+            background-repeat: no-repeat;
             background-size: cover;
             background-position: center;
         }
-        :deep(.el-table__header th) {
+        ::v-deep .el-table__header th {
             color: white;
-            background-color: transparent; /* 避免被其他背景色覆盖 */
+            background-color: transparent!important; /* 避免被其他背景色覆盖 */
         }
 
-        :deep .el-table tr {
+        ::v-deep .el-table tr {
             color: #eee;
             background-color: transparent;
             background: url('../../../../assets/img/screen/table-2.png') no-repeat;
         }
 
-        :deep .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
+        ::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
             background-color: #39816b;
             color: #333;
         }
-        :deep .el-input__wrapper {
+        ::v-deep .el-input__wrapper {
             background-color: #61b2a6;
         }
     }
diff --git a/src/views/screen/shareScreen/components/details-new.vue b/src/views/screen/shareScreen/components/details-new.vue
index 399963c2..27d61ff0 100644
--- a/src/views/screen/shareScreen/components/details-new.vue
+++ b/src/views/screen/shareScreen/components/details-new.vue
@@ -243,17 +243,21 @@ export default {
             line-height: 30px;
         }
 
-        ::v-deep(.el-table) {
+        ::v-deep .el-table{
             background-color: transparent;
         }
-        ::v-deep(.el-table__header-wrapper) {
-            background: url('../../../../assets/img/screen/table-1.png') no-repeat !important;
+        ::v-deep .el-table .el-table__header{
+            background-color: transparent;
+        }
+        ::v-deep .el-table__header-wrapper {
+            background-image: url('../../../../assets/img/screen/table-1.png')!important;
+            background-repeat: no-repeat;
             background-size: cover;
             background-position: center;
         }
-        ::v-deep(.el-table__header th) {
+        ::v-deep .el-table__header th {
             color: white;
-            background-color: transparent; /* 避免被其他背景色覆盖 */
+            background-color: transparent!important; /* 避免被其他背景色覆盖 */
         }
 
         ::v-deep .el-table tr {
@@ -262,7 +266,7 @@ export default {
             background: url('../../../../assets/img/screen/table-2.png') no-repeat;
         }
 
-        :deep .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
+        ::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
             background-color: #39816b;
             color: #333;
         }
diff --git a/src/views/screen/shareScreen/components/details-unit.vue b/src/views/screen/shareScreen/components/details-unit.vue
index 020e1142..5305b0d2 100644
--- a/src/views/screen/shareScreen/components/details-unit.vue
+++ b/src/views/screen/shareScreen/components/details-unit.vue
@@ -187,18 +187,21 @@ export default {
             background-size: 100% 100%;
             line-height: 30px;
         }
-
         ::v-deep .el-table{
             background-color: transparent;
         }
+        ::v-deep .el-table .el-table__header{
+            background-color: transparent;
+        }
         ::v-deep .el-table__header-wrapper {
-            background-image: url('../../../../assets/img/screen/table-1.png') no-repeat !important;
+            background-image: url('../../../../assets/img/screen/table-1.png')!important;
+            background-repeat: no-repeat;
             background-size: cover;
             background-position: center;
         }
         ::v-deep .el-table__header th {
             color: white;
-            background-color: transparent; /* 避免被其他背景色覆盖 */
+            background-color: transparent!important; /* 避免被其他背景色覆盖 */
         }
 
         ::v-deep .el-table tr {
@@ -216,4 +219,5 @@ export default {
         }
     }
 }
+
 </style>