From 0c824d61c8ff42e2782f002e11c68e3a2293dc62 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E7=9B=BC=E5=B3=B0?= <liupanfeng11@lonlife.cn>
Date: Fri, 8 Dec 2017 09:22:30 +0800
Subject: [PATCH] Tabs: fix right padding of last tab item in basic type
 top/bottom position

---
 packages/tabs/src/tab-bar.vue      | 2 +-
 packages/theme-chalk/src/tabs.scss | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/tabs/src/tab-bar.vue b/packages/tabs/src/tab-bar.vue
index 3b4c354c7..ba7eba740 100644
--- a/packages/tabs/src/tab-bar.vue
+++ b/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;
             }
diff --git a/packages/theme-chalk/src/tabs.scss b/packages/theme-chalk/src/tabs.scss
index b60de5e5a..f8bd9d35c 100644
--- a/packages/theme-chalk/src/tabs.scss
+++ b/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) {