style: table图标位置调整

src/assets/css/components/views/charts2/networkOverviewTabs.scss

@@ -11,19 +11,18 @@
       padding:1px;
       border-radius: 4px;
       .tab-table {
-        border:0px;
+        border: 0;
       }
       .data-total{
-        display: flex !important;
+        display: flex;
+        height: 20px;
       }
       .data-total-trend {
         display: flex;
         margin-left: 6px;
         align-items: center;
         justify-content: center;
-        margin-top: 2px;
         border-radius: 10px;
-        font-weight:500;
       }
       .data-total-trend-black {
         background-color: rgba(113,113,113,0.12);
@@ -67,7 +66,7 @@
       }
       .el-tabs__item {
         margin: 0 20px 0 0;
-        padding:0px;
+        padding: 0;
         font-weight: 400;
         color:$grey;
         font-size:14px;
@@ -77,7 +76,7 @@
         color:$blue;
         height: 33px;
         margin:0 20px 0 0;
-        padding:0px;
+        padding: 0;
         font-weight:400;
       }
     }

src/views/charts2/charts/NetworkOverviewTabs.vue

@@ -41,7 +41,7 @@
                     <i class="cn-icon-decline cn-icon"></i>{{scope.row['trendValue']}}
                   </div>
                   <div v-else class="data-total-trend data-total-trend-black">
-                    <i class="cn-icon-constant cn-icon"></i>
+                    <i class="cn-icon-constant cn-icon" style="line-height: 20px;"></i>
                   </div>
                 </template>
               </div>