[bugfix] Tab: incorrect height when use animated prop

2019-05-11 11:39:31 +08:00
parent 36f2b956f1
commit 1158a31cb1
6 changed files with 52 additions and 44 deletions
@@ -117,12 +117,6 @@
    border-radius: 3px;
  }

-  &__content {
-    &--animated {
-      overflow: hidden;
-    }
-  }
-
  &__track {
    position: relative;
    display: flex;
@@ -146,10 +140,18 @@
      height: @tabs-card-height;
    }
  }
+}

-  .van-tab__pane {
+.van-tab__pane {
+  &,
+  &-wrapper {
    flex-shrink: 0;
    box-sizing: border-box;
    width: 100%;
  }
+
+  &-wrapper--inactive {
+    height: 0;
+    overflow: visible;
+  }
 }