feat:修复css的warning

src/views/components/TableComponent.vue

@@ -529,7 +529,7 @@ const getTableScroll = () => {
 }
 
 .data-table {
-  th {
+  & th {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -538,7 +538,7 @@ const getTableScroll = () => {
     vertical-align: middle;
   }
   
-  td {
+  & td {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -554,7 +554,7 @@ const getTableScroll = () => {
   text-align: right;
   margin-right: 8px;
   
-  span {
+  & span {
     color: #5B8AFE;
     font-weight: bold;
   }

src/views/components/style.less

@@ -1361,7 +1361,7 @@ li {
         border-radius: 6px;
         margin: 8px 0;
         
-        span {
+        & span {
           color: #ff4d4f;
           font-size: 16px;
         }
@@ -1400,15 +1400,15 @@ li {
       font-size: 16px;
       background-color: @white;
 
-      th,
-      td {
+      & th,
+      & td {
         padding: 8px 12px;
         border: 1px solid @gray-3;
         text-align: left;
         line-height: 1.4;
       }
 
-      th {
+      & th {
         background-color: @blue-light-2;
         font-weight: 600;
         color: @gray-7;
@@ -1461,7 +1461,7 @@ li {
       box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
       max-width: 100%;
 
-      th {
+      & th {
         background-color: @blue-light-2;
         font-weight: 600;
         color: @gray-7;
@@ -1495,18 +1495,18 @@ li {
       }
 
       // 对齐方式样式
-      th[style*="text-align: center"],
-      td[style*="text-align: center"] {
+      & th[style*="text-align: center"],
+      & td[style*="text-align: center"] {
         text-align: center;
       }
 
-      th[style*="text-align: right"],
-      td[style*="text-align: right"] {
+      & th[style*="text-align: right"],
+      & td[style*="text-align: right"] {
         text-align: right;
       }
 
-      th[style*="text-align: left"],
-      td[style*="text-align: left"] {
+      & th[style*="text-align: left"],
+      & td[style*="text-align: left"] {
         text-align: left;
       }
     }
@@ -1592,8 +1592,8 @@ li {
     .data-table {
       font-size: 16px;
 
-      th,
-      td {
+      & th,
+      & td {
         padding: 8px 4px;
         height: 30px;
         min-width: 60px;
@@ -1692,8 +1692,8 @@ li {
 @media (max-width: 480px) {
   :deep(.message-table) {
     .data-table {
-      th,
-      td {
+      & th,
+      & td {
         min-width: 50px;
         height: 28px;
       }