src/views/screen/shareScreen/components/detailList.vue

@@ -253,34 +253,30 @@ export default {
             line-height: 30px;
             padding-left: 35px;
         }
-        ::v-deep .el-table{
+        ::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')!important;
-            background-repeat: no-repeat;
+        :deep(.el-table__header-wrapper) {
+            background: url('../../../../assets/img/screen/table-1.png') no-repeat !important;
             background-size: cover;
             background-position: center;
         }
-        ::v-deep .el-table__header th {
+        :deep(.el-table__header th) {
             color: white;
-            background-color: transparent!important; /* 避免被其他背景色覆盖 */
+            background-color: transparent; /* 避免被其他背景色覆盖 */
         }
 
-        ::v-deep .el-table tr {
+        :deep .el-table tr {
             color: #eee;
             background-color: transparent;
             background: url('../../../../assets/img/screen/table-2.png') no-repeat;
         }
 
-        ::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
+        :deep .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
             background-color: #39816b;
             color: #333;
         }
-        ::v-deep .el-input__wrapper {
+        :deep .el-input__wrapper {
             background-color: #61b2a6;
         }
     }

src/views/screen/shareScreen/components/details-new.vue

@@ -243,21 +243,17 @@ export default {
             line-height: 30px;
         }
 
-        ::v-deep .el-table{
+        ::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')!important;
-            background-repeat: no-repeat;
+        ::v-deep(.el-table__header-wrapper) {
+            background: url('../../../../assets/img/screen/table-1.png') no-repeat !important;
             background-size: cover;
             background-position: center;
         }
-        ::v-deep .el-table__header th {
+        ::v-deep(.el-table__header th) {
             color: white;
-            background-color: transparent!important; /* 避免被其他背景色覆盖 */
+            background-color: transparent; /* 避免被其他背景色覆盖 */
         }
 
         ::v-deep .el-table tr {
@@ -266,7 +262,7 @@ export default {
             background: url('../../../../assets/img/screen/table-2.png') no-repeat;
         }
 
-        ::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
+        :deep .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
             background-color: #39816b;
             color: #333;
         }

src/views/screen/shareScreen/components/details-unit.vue

@@ -187,21 +187,18 @@ 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')!important;
-            background-repeat: no-repeat;
+            background-image: url('../../../../assets/img/screen/table-1.png') no-repeat !important;
             background-size: cover;
             background-position: center;
         }
         ::v-deep .el-table__header th {
             color: white;
-            background-color: transparent!important; /* 避免被其他背景色覆盖 */
+            background-color: transparent; /* 避免被其他背景色覆盖 */
         }
 
         ::v-deep .el-table tr {
@@ -219,5 +216,4 @@ export default {
         }
     }
 }
-
 </style>