소스 검색

Tabs: fix right padding of last tab item in basic type top/bottom position

刘盼峰 7 년 전
부모
커밋
0c824d61c8
2개의 변경된 파일7개의 추가작업 그리고 1개의 파일을 삭제
  1. 1 1
      packages/tabs/src/tab-bar.vue
  2. 6 0
      packages/theme-chalk/src/tabs.scss

+ 1 - 1
packages/tabs/src/tab-bar.vue

@@ -34,7 +34,7 @@
             } else {
               tabSize = $el[`client${firstUpperCase(sizeName)}`];
               if (sizeName === 'width') {
-                tabSize -= index === 0 ? 20 : 40;
+                tabSize -= (index === 0 || index === this.tabs.length - 1) ? 20 : 40;
               }
               return false;
             }

+ 6 - 0
packages/theme-chalk/src/tabs.scss

@@ -228,12 +228,18 @@
     .el-tabs__item:nth-child(2) {
       padding-left: 0;
     }
+    .el-tabs__item:last-child {
+      padding-right: 0;
+    }
 
     &.el-tabs--border-card, &.el-tabs--card,
     .el-tabs--left, .el-tabs--right {
       .el-tabs__item:nth-child(2) {
         padding-left: 20px;
       }
+      .el-tabs__item:last-child {
+        padding-right: 20px;
+      }
     }
   }
   @include m(bottom) {