alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

[bugfix] Tabs：修复开启animated属性时导致的滚动问题 (#2238)

Browse Source
This commit is contained in:
张敏
2018-12-15 18:04:25 +08:00
committed by neverland
parent a94683a7e3
commit e2c4d60058
6 changed files with 118 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/tab/test/__snapshots__/index.spec.js.snap
+32 -32
View File
@@ -8,16 +8,16 @@ exports[`change tabs data 1`] = `
</div>
</div>
<div class="van-tabs__content">
<div class="van-tabs__track" style="display: none;">
<div class="van-tab__pane" style="display: none;">
<div class="van-tabs__track" style="left: 0%;">
<div class="van-tab__pane van-tab__pane--inactive">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display: none;">
<div class="van-tab__pane van-tab__pane--inactive">
<!---->
<div><span>title2</span></div>
</div>
<div class="van-tab__pane" style="display: none;">
<div class="van-tab__pane van-tab__pane--inactive">
<!---->
<!---->
</div>
@@ -43,16 +43,16 @@ exports[`change tabs data 2`] = `
</div>
</div>
<div class="van-tabs__content">
<div class="van-tabs__track" style="display: none;">
<div class="van-tab__pane" style="">
<div class="van-tabs__track" style="left: 0%;">
<div class="van-tab__pane van-tab__pane--active">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display: none;">
<div class="van-tab__pane van-tab__pane--inactive">
<!---->
<div><span>title2</span></div>
</div>
<div class="van-tab__pane" style="display: none;">
<div class="van-tab__pane van-tab__pane--inactive">
<!---->
<!---->
</div>
@@ -78,14 +78,14 @@ exports[`click to switch tab 1`] = `
</div>
</div>
<div class="van-tabs__content">
<div class="van-tabs__track" style="display: none;">
<div class="van-tab__pane" style="width: 0px;">Text
<div class="van-tabs__track" style="left: 0%;">
<div class="van-tab__pane van-tab__pane--active">Text
<!---->
</div>
<div class="van-tab__pane" style="display: none; width: 0px;">
<div class="van-tab__pane van-tab__pane--inactive">
<!---->
</div>
<div class="van-tab__pane" style="display: none; width: 0px;">
<div class="van-tab__pane van-tab__pane--inactive">
<!---->
<!---->
</div>
@@ -111,14 +111,14 @@ exports[`click to switch tab 2`] = `
</div>
</div>
<div class="van-tabs__content">
<div class="van-tabs__track" style="display: none;">
<div class="van-tab__pane" style="width: 0px; display: none;">Text
<div class="van-tabs__track" style="left: -100%;">
<div class="van-tab__pane van-tab__pane--inactive">Text
<!---->
</div>
<div class="van-tab__pane" style="width: 0px;">
<div class="van-tab__pane van-tab__pane--active">
Text
</div>
<div class="van-tab__pane" style="display: none; width: 0px;">
<div class="van-tab__pane van-tab__pane--inactive">
<!---->
<!---->
</div>
@@ -144,14 +144,14 @@ exports[`swipe to switch tab 1`] = `
</div>
</div>
<div class="van-tabs__content">
<div class="van-tabs__track" style="display: none;">
<div class="van-tab__pane" style="width: 0px;">Text
<div class="van-tabs__track" style="left: 0%;">
<div class="van-tab__pane van-tab__pane--active">Text
<!---->
</div>
<div class="van-tab__pane" style="display: none; width: 0px;">
<div class="van-tab__pane van-tab__pane--inactive">
<!---->
</div>
<div class="van-tab__pane" style="display: none; width: 0px;">
<div class="van-tab__pane van-tab__pane--inactive">
<!---->
<!---->
</div>
@@ -177,14 +177,14 @@ exports[`swipe to switch tab 2`] = `
</div>
</div>
<div class="van-tabs__content">
<div class="van-tabs__track" style="display: none;">
<div class="van-tab__pane" style="width: 0px; display: none;">Text
<div class="van-tabs__track" style="left: -100%;">
<div class="van-tab__pane van-tab__pane--inactive">Text
<!---->
</div>
<div class="van-tab__pane" style="width: 0px;">
<div class="van-tab__pane van-tab__pane--active">
Text
</div>
<div class="van-tab__pane" style="display: none; width: 0px;">
<div class="van-tab__pane van-tab__pane--inactive">
<!---->
<!---->
</div>
@@ -210,14 +210,14 @@ exports[`swipe to switch tab 3`] = `
</div>
</div>
<div class="van-tabs__content">
<div class="van-tabs__track" style="display: none;">
<div class="van-tab__pane" style="width: 0px; display: none;">Text
<div class="van-tabs__track" style="left: -100%;">
<div class="van-tab__pane van-tab__pane--inactive">Text
<!---->
</div>
<div class="van-tab__pane" style="width: 0px;">
<div class="van-tab__pane van-tab__pane--active">
Text
</div>
<div class="van-tab__pane" style="display: none; width: 0px;">
<div class="van-tab__pane van-tab__pane--inactive">
<!---->
<!---->
</div>
@@ -243,14 +243,14 @@ exports[`swipe to switch tab 4`] = `
</div>
</div>
<div class="van-tabs__content">
<div class="van-tabs__track" style="display: none;">
<div class="van-tab__pane" style="width: 0px;">Text
<div class="van-tabs__track" style="left: 0%;">
<div class="van-tab__pane van-tab__pane--active">Text
<!---->
</div>
<div class="van-tab__pane" style="width: 0px; display: none;">
<div class="van-tab__pane van-tab__pane--inactive">
Text
</div>
<div class="van-tab__pane" style="display: none; width: 0px;">
<div class="van-tab__pane van-tab__pane--inactive">
<!---->
<!---->
</div>