fix: network overview apps抽屉里的tab增加图标，更改样式

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

@@ -256,7 +256,15 @@
           position: relative;
         }
         .el-tabs__item.is-top {
-          height: 32px;
+          height: 50px;
+          line-height: 60px;
+
+          &.is-active {
+            color: #046eca;
+          }
+        }
+        .el-tabs__active-bar {
+          background-color: #306DC2;
         }
         .el-tabs__item.is-top:nth-child(2) {
           padding: 0;
@@ -264,7 +272,7 @@
         .body__searcher {
           position: absolute;
           right: 28px;
-          top: 9px;
+          top: 11px;
           width: 280px;
           .el-input.el-input--mini {
             .el-input__inner {
@@ -282,9 +290,9 @@
             }
           }
         }
-        .el-tabs__nav-wrap::after {
+        /*.el-tabs__nav-wrap::after {
           height: 0;
-        }
+        }*/
         .el-tabs__header {
           padding-left: 20px;
         }

src/assets/css/font/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "cn-icon"; /* Project id 2614877 */
-  src: url('iconfont.woff2?t=1684479632841') format('woff2'),
+  src: url('iconfont.woff2?t=1685002294816') format('woff2'),
-       url('iconfont.woff?t=1684479632841') format('woff'),
+       url('iconfont.woff?t=1685002294816') format('woff'),
-       url('iconfont.ttf?t=1684479632841') format('truetype');
+       url('iconfont.ttf?t=1685002294816') format('truetype');
 }
 
 .cn-icon {
@@ -13,7 +13,11 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-.cn-icon-a-ConfigurePolicies:before {
+.cn-icon-providers:before {
+  content: "\e7f2";
+}
+
+.cn-icon-configure-policies:before {
   content: "\e7f1";
 }
 

src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue

@@ -68,7 +68,10 @@
         </div>
         <div class="add-app__body">
           <el-tabs v-model="appTypeTab" @tab-click="appTypeTabChange">
-            <el-tab-pane :label="$t('network.providers')" :name="0">
+            <el-tab-pane :name="0">
+              <template #label>
+                <i class="cn-icon cn-icon-providers"></i>&nbsp;&nbsp;{{$t('network.providers')}}
+              </template>
               <div class="body__apps" :class="{'body__apps-no-grid': providerOptions.length === 0}">
                 <loading :loading="loadingBody"></loading>
                 <chart-no-data v-if="providerOptions.length === 0 && !loadingBody" test-id="noData"></chart-no-data>
@@ -85,7 +88,10 @@
                 </div>
               </div>
             </el-tab-pane>
-            <el-tab-pane :label="$t('networkOverview.appType.app')" :name="1">
+            <el-tab-pane :name="1">
+              <template #label>
+                <i class="cn-icon cn-icon-app-name"></i>&nbsp;&nbsp;{{$t('networkOverview.appType.app')}}
+              </template>
               <div class="body__apps" :class="{'body__apps-no-grid': appOptions.length === 0}">
                 <loading :loading="loadingBody"></loading>
                 <chart-no-data v-if="appOptions.length === 0 && !loadingBody"></chart-no-data>