From b5053f0120714c2224a1006b624f716b20dc1cb1 Mon Sep 17 00:00:00 2001
From: bhuh12 <bhuh12@126.com>
Date: Mon, 11 Mar 2019 16:57:46 +0800
Subject: [PATCH] =?UTF-8?q?perf(style):=20=E4=BC=98=E5=8C=96=20routerTab?=
 =?UTF-8?q?=20=E9=BB=98=E8=AE=A4=E8=BF=87=E6=B8=A1=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/RouterTab/components/RouterTab.js  |  2 +-
 src/lib/RouterTab/components/RouterTab.vue |  2 ++
 src/lib/RouterTab/scss/RouterTab.scss      |  4 +++-
 src/lib/RouterTab/scss/transition.scss     | 21 ++-------------------
 4 files changed, 8 insertions(+), 21 deletions(-)

diff --git a/src/lib/RouterTab/components/RouterTab.js b/src/lib/RouterTab/components/RouterTab.js
index 554fd08c..e6ca3af5 100644
--- a/src/lib/RouterTab/components/RouterTab.js
+++ b/src/lib/RouterTab/components/RouterTab.js
@@ -30,7 +30,7 @@ export default {
     // 页签过渡效果
     tabTransition: {
       type: [ String, Object ],
-      default: 'router-tab-zoom-lb'
+      default: 'router-tab-zoom'
     },
 
     // 页面过渡效果
diff --git a/src/lib/RouterTab/components/RouterTab.vue b/src/lib/RouterTab/components/RouterTab.vue
index 96017dad..84ab10ca 100644
--- a/src/lib/RouterTab/components/RouterTab.vue
+++ b/src/lib/RouterTab/components/RouterTab.vue
@@ -9,6 +9,7 @@
           v-bind="typeof tabTransition === 'string' ? { name: tabTransition } : tabTransition"
           @after-enter="onTabTransitionEnd"
           @after-leave="onTabTransitionEnd">
+
           <router-link
             class="router-tab-item"
             tag="li"
@@ -18,6 +19,7 @@
             :key="id || to"
             :to="to"
             @contextmenu.native.prevent="e => showContextmenu(id, index, e)">
+
             <slot v-bind="{
               tab: items[index],
               tabs: items,
diff --git a/src/lib/RouterTab/scss/RouterTab.scss b/src/lib/RouterTab/scss/RouterTab.scss
index 2a98ffba..bf8e97c8 100644
--- a/src/lib/RouterTab/scss/RouterTab.scss
+++ b/src/lib/RouterTab/scss/RouterTab.scss
@@ -62,6 +62,7 @@ $color-primary: #409eff;
     border-bottom: none;
     cursor: pointer;
     transition: all .3s ease-in-out;
+    transform-origin: left bottom;
     user-select: none;
 
     &.actived {
@@ -198,7 +199,8 @@ $color-primary: #409eff;
     font-size: 13px;
 		background: #fff;
     box-shadow: 0 1px 6px 3px rgba(0,0,0,.2);
-    transition: all .2s ease-in-out;
+    transition: all .3s ease-in-out;
+    transform-origin: left top;
 
 		.contextmenu-item {
 			display: block;
diff --git a/src/lib/RouterTab/scss/transition.scss b/src/lib/RouterTab/scss/transition.scss
index 6d988406..9b122cee 100644
--- a/src/lib/RouterTab/scss/transition.scss
+++ b/src/lib/RouterTab/scss/transition.scss
@@ -1,10 +1,9 @@
 // transition 过渡样式
 .router-tab {
-  &-zoom-lt,
-  &-zoom-lb {
+  &-zoom {
     &-enter-active,
     &-leave-active {
-      transition: all .3s;
+      transition: all .4s;
     }
 
     &-enter,
@@ -14,22 +13,6 @@
     }
   }
 
-  // 缩放-左上
-  &-zoom-lt {
-    &-enter-active,
-    &-leave-active {
-      transform-origin: left top;
-    }
-  }
-
-  // 缩放-左下
-  &-zoom-lb {
-    &-enter-active,
-    &-leave-active {
-      transform-origin: left bottom;
-    }
-  }
-
   // 页面交换
   &-swap {
     $trans: 30px; // 移动位置