CN-708 feat: 色块图开发

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

@@ -1,5 +1,5 @@
 .tabs {
-  $blue: #2C72C6;
+  $blue: #046ECA;
   $grey: #353636;
   height:calc(100% - 64px);
   font-size:12px;
@@ -84,7 +84,7 @@
       }
     }
     .el-tabs__header {
-      margin-bottom: 3px;
+      margin-bottom: 10px;
       width: calc(100% - 272px);
     }
     .el-tabs__nav-wrap::after {
@@ -92,24 +92,25 @@
       background-color: transparent ;
     }
     .el-tabs__nav.is-top {
+      height: 33px;
+
       .el-tabs__active-bar {
-        display: none;
+        background-color: $blue;
       }
       .el-tabs__item {
-        margin: 0 20px 0 0;
-        padding:0px;
-        font-weight: 400;
-        color:$grey;
-        font-size:14px;
-      }
-      .el-tabs__item.is-top.is-active {
-        border-bottom: 2px solid $blue;
-        color:$blue;
+        padding: 0 10px;
         height: 33px;
-        margin:0 20px 7px 0;
-        padding:0px;
-        font-weight:400;
+        color: $grey;
+        font-size: 14px;
+
+        &.el-tabs__item.is-top.is-active {
+          color:$blue;
+        }
+        &:nth-child(2) {
+          padding-left: 0;
+        }
       }
+
     }
     .el-tabs__content {
       height: calc(100% - 40px);
@@ -326,4 +327,4 @@
 }
 .btn-up{
   margin-top:40px;
-}
+}