根据设计图覆盖tabs样式

node_module/element-theme-chalk/src/tabs.scss

@@ -2,11 +2,6 @@
 @import "common/var";
 
 @include b(tabs) {
-   border: 1px solid #D7D8D9;
-   border-radius: 3px;
-   > .el-tabs__content {
-    padding: 0 8px 8px 8px;
-   }
   @include e(header) {
     padding: 0;
     position: relative;
@@ -15,12 +10,12 @@
   @include e(active-bar) {
     position: absolute;
     bottom: 0;
+    left: 0;
     height: 2px;
     background-color: $--color-primary;
     z-index: 1;
     transition: transform .3s cubic-bezier(.645,.045,.355,1);
     list-style: none;
-    padding:0 16px;
   }
   @include e(new-tab) {
     float: right;
@@ -55,7 +50,7 @@
       left: 0;
       bottom: 0;
       width: 100%;
-      height: 1px;
+      height: 2px;
       background-color: $--border-color-light;
       z-index: $--index-normal;
     }
@@ -82,6 +77,7 @@
     left: 0;
   }
   @include e(nav) {
+    border: none !important;
     white-space: nowrap;
     position: relative;
     transition: transform .3s;
@@ -98,16 +94,21 @@
     }
   }
   @include e(item) {
-    padding: 0 24px;
-    height: 48px;
+    padding: 0 20px;
+    height: 40px;
     box-sizing: border-box;
-    line-height: 48px;
+    line-height: 40px;
     display: inline-block;
     list-style: none;
-    font-size: 16px;
+    font-size: 14px;
     font-weight: 500;
-    color: $--color-text-regular;
+    color: $--color-text-primary;
     position: relative;
+    border: 1px solid $--color-default-text-plain;
+    margin-left: 20px;
+    border-radius: 4px 4px 0 0;
+    background: #E6E8ED;
+
     &:focus, &:focus:active {
       outline: none;
     }
@@ -135,6 +136,7 @@
 
     @include when(active) {
       color: $--color-primary;
+      background: $--color-white;
     }
 
     &:hover {
@@ -181,11 +183,8 @@
     }
     > .el-tabs__header .el-tabs__item {
       border-bottom: 1px solid transparent;
-      border-left: 1px solid $--border-color-light;
       transition: color .3s cubic-bezier(.645,.045,.355,1), padding .3s cubic-bezier(.645,.045,.355,1);
-      &:first-child {
-        border-left: none;
-      }
+     
       &.is-closable {
         &:hover {
           padding-left: 13px;
@@ -259,14 +258,14 @@
     }
   }
   @include m((top, bottom)) {
-    // .el-tabs__item.is-top:nth-child(2),
-    // .el-tabs__item.is-bottom:nth-child(2) {
-    //   padding-left: 0;
-    // }
-    // .el-tabs__item.is-top:last-child,
-    // .el-tabs__item.is-bottom:last-child {
-    //   padding-right: 0;
-    // }
+    .el-tabs__item.is-top:nth-child(2),
+    .el-tabs__item.is-bottom:nth-child(2) {
+      padding-left: 0;
+    }
+    .el-tabs__item.is-top:last-child,
+    .el-tabs__item.is-bottom:last-child {
+      padding-right: 0;
+    }
 
     &.el-tabs--border-card, &.el-tabs--card,
     .el-tabs--left, .el-tabs--right {