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

[improvement] Tab: jsx (#2659)

Browse Source
This commit is contained in:
neverland
2019-01-31 21:04:44 +08:00
committed by GitHub
parent 9183849e6a
commit 5b3992d4c2
5 changed files with 93 additions and 264 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/tab/test/__snapshots__/demo.spec.js.snap
+52 -150
View File
@@ -10,22 +10,10 @@ exports[`renders demo correctly 1`] = `
</div>
</div>
<div class="van-tabs__content">
<div class="van-tab__pane" style="display:none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display:none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display:none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display:none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display:none;"></div>
<div class="van-tab__pane" style="display:none;"></div>
<div class="van-tab__pane" style="display:none;"></div>
<div class="van-tab__pane" style="display:none;"></div>
</div>
</div>
</div>
@@ -37,38 +25,14 @@ exports[`renders demo correctly 1`] = `
</div>
</div>
<div class="van-tabs__content">
<div class="van-tab__pane" style="display:none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display:none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display:none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display:none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display:none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display:none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display:none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display:none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display:none;"></div>
<div class="van-tab__pane" style="display:none;"></div>
<div class="van-tab__pane" style="display:none;"></div>
<div class="van-tab__pane" style="display:none;"></div>
<div class="van-tab__pane" style="display:none;"></div>
<div class="van-tab__pane" style="display:none;"></div>
<div class="van-tab__pane" style="display:none;"></div>
<div class="van-tab__pane" style="display:none;"></div>
</div>
</div>
</div>
@@ -80,18 +44,9 @@ exports[`renders demo correctly 1`] = `
</div>
</div>
<div class="van-tabs__content">
<div class="van-tab__pane" style="display:none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display:none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display:none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display:none;"></div>
<div class="van-tab__pane" style="display:none;"></div>
<div class="van-tab__pane" style="display:none;"></div>
</div>
</div>
</div>
@@ -103,19 +58,38 @@ exports[`renders demo correctly 1`] = `
</div>
</div>
<div class="van-tabs__content">
<div class="van-tab__pane" style="display:none;">
<!---->
<!---->
<div class="van-tab__pane" style="display:none;"></div>
<div class="van-tab__pane" style="display:none;"></div>
<div class="van-tab__pane" style="display:none;"></div>
</div>
</div>
</div>
<div>
<div class="van-tabs van-tabs--line">
<div class="van-tabs__wrap van-hairline--top-bottom">
<div class="van-tabs__nav van-tabs__nav--line" style="border-color:undefined;">
<div class="van-tabs__line" style="background-color:undefined;"></div>
</div>
<div class="van-tab__pane" style="display:none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display:none;">
<!---->
<!---->
</div>
<div class="van-tabs__content">
<div class="van-tab__pane" style="display:none;"></div>
<div class="van-tab__pane" style="display:none;"></div>
</div>
</div>
</div>
<div>
<div class="van-tabs van-tabs--line">
<div class="van-tabs__wrap van-hairline--top-bottom">
<div class="van-tabs__nav van-tabs__nav--line" style="border-color:undefined;">
<div class="van-tabs__line" style="background-color:undefined;"></div>
</div>
</div>
<div class="van-tabs__content">
<div class="van-tab__pane" style="display:none;"></div>
<div class="van-tab__pane" style="display:none;"></div>
<div class="van-tab__pane" style="display:none;"></div>
<div class="van-tab__pane" style="display:none;"></div>
</div>
</div>
</div>
<div>
@@ -127,53 +101,6 @@ exports[`renders demo correctly 1`] = `
</div>
<div class="van-tabs__content">
<div class="van-tab__pane" style="display:none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display:none;">
<!---->
<!---->
</div>
</div>
</div>
</div>
<div>
<div class="van-tabs van-tabs--line">
<div class="van-tabs__wrap van-hairline--top-bottom">
<div class="van-tabs__nav van-tabs__nav--line" style="border-color:undefined;">
<div class="van-tabs__line" style="background-color:undefined;"></div>
</div>
</div>
<div class="van-tabs__content">
<div class="van-tab__pane" style="display:none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display:none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display:none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display:none;">
<!---->
<!---->
</div>
</div>
</div>
</div>
<div>
<div class="van-tabs van-tabs--line">
<div class="van-tabs__wrap van-hairline--top-bottom">
<div class="van-tabs__nav van-tabs__nav--line" style="border-color:undefined;">
<div class="van-tabs__line" style="background-color:undefined;"></div>
</div>
</div>
<div class="van-tabs__content">
<div class="van-tab__pane" style="display:none;">
<!---->
<div>
<div><i class="van-icon van-icon-more-o" style="color:undefined;font-size:undefined;">
<!----></i>标签
@@ -181,7 +108,6 @@ exports[`renders demo correctly 1`] = `
</div>
</div>
<div class="van-tab__pane" style="display:none;">
<!---->
<div>
<div><i class="van-icon van-icon-more-o" style="color:undefined;font-size:undefined;">
<!----></i>标签
@@ -200,22 +126,10 @@ exports[`renders demo correctly 1`] = `
</div>
<div class="van-tabs__content van-tabs__content--animated">
<div class="van-tabs__track" style="left:0%;transition-duration:0.3s;">
<div class="van-tab__pane">
<!---->
<!---->
</div>
<div class="van-tab__pane">
<!---->
<!---->
</div>
<div class="van-tab__pane">
<!---->
<!---->
</div>
<div class="van-tab__pane">
<!---->
<!---->
</div>
<div class="van-tab__pane"></div>
<div class="van-tab__pane"></div>
<div class="van-tab__pane"></div>
<div class="van-tab__pane"></div>
</div>
</div>
</div>
@@ -228,22 +142,10 @@ exports[`renders demo correctly 1`] = `
</div>
</div>
<div class="van-tabs__content">
<div class="van-tab__pane" style="display:none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display:none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display:none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display:none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display:none;"></div>
<div class="van-tab__pane" style="display:none;"></div>
<div class="van-tab__pane" style="display:none;"></div>
<div class="van-tab__pane" style="display:none;"></div>
</div>
</div>
</div>
packages/tab/test/__snapshots__/index.spec.js.snap
+23 -79
View File
@@ -8,18 +8,11 @@ exports[`change tabs data 1`] = `
</div>
</div>
<div class="van-tabs__content">
<div class="van-tab__pane" style="display: none;"></div>
<div class="van-tab__pane" style="display: none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display: none;">
<!---->
<div><span>title2</span></div>
</div>
<div class="van-tab__pane" style="display: none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display: none;"></div>
</div>
</div>
`;
@@ -37,16 +30,9 @@ exports[`change tabs data 2`] = `
</div>
</div>
<div class="van-tabs__content">
<div class="van-tab__pane" style="">Text
<!---->
</div>
<div class="van-tab__pane" style="display: none;">
<!---->
</div>
<div class="van-tab__pane" style="display: none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="">Text</div>
<div class="van-tab__pane" style="display: none;"></div>
<div class="van-tab__pane" style="display: none;"></div>
</div>
</div>
`;
@@ -64,16 +50,9 @@ exports[`click to switch tab 1`] = `
</div>
</div>
<div class="van-tabs__content">
<div class="van-tab__pane" style="">Text
<!---->
</div>
<div class="van-tab__pane" style="display: none;">
<!---->
</div>
<div class="van-tab__pane" style="display: none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="">Text</div>
<div class="van-tab__pane" style="display: none;"></div>
<div class="van-tab__pane" style="display: none;"></div>
</div>
</div>
`;
@@ -91,16 +70,9 @@ exports[`click to switch tab 2`] = `
</div>
</div>
<div class="van-tabs__content">
<div class="van-tab__pane" style="display: none;">Text
<!---->
</div>
<div class="van-tab__pane" style="">
Text
</div>
<div class="van-tab__pane" style="display: none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display: none;">Text</div>
<div class="van-tab__pane" style=""></div>
<div class="van-tab__pane" style="display: none;"></div>
</div>
</div>
`;
@@ -118,16 +90,9 @@ exports[`swipe to switch tab 1`] = `
</div>
</div>
<div class="van-tabs__content">
<div class="van-tab__pane" style="">Text
<!---->
</div>
<div class="van-tab__pane" style="display: none;">
<!---->
</div>
<div class="van-tab__pane" style="display: none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="">Text</div>
<div class="van-tab__pane" style="display: none;"></div>
<div class="van-tab__pane" style="display: none;"></div>
</div>
</div>
`;
@@ -145,16 +110,9 @@ exports[`swipe to switch tab 2`] = `
</div>
</div>
<div class="van-tabs__content">
<div class="van-tab__pane" style="display: none;">Text
<!---->
</div>
<div class="van-tab__pane" style="">
Text
</div>
<div class="van-tab__pane" style="display: none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display: none;">Text</div>
<div class="van-tab__pane" style=""></div>
<div class="van-tab__pane" style="display: none;"></div>
</div>
</div>
`;
@@ -172,16 +130,9 @@ exports[`swipe to switch tab 3`] = `
</div>
</div>
<div class="van-tabs__content">
<div class="van-tab__pane" style="display: none;">Text
<!---->
</div>
<div class="van-tab__pane" style="">
Text
</div>
<div class="van-tab__pane" style="display: none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="display: none;">Text</div>
<div class="van-tab__pane" style=""></div>
<div class="van-tab__pane" style="display: none;"></div>
</div>
</div>
`;
@@ -199,16 +150,9 @@ exports[`swipe to switch tab 4`] = `
</div>
</div>
<div class="van-tabs__content">
<div class="van-tab__pane" style="">Text
<!---->
</div>
<div class="van-tab__pane" style="display: none;">
Text
</div>
<div class="van-tab__pane" style="display: none;">
<!---->
<!---->
</div>
<div class="van-tab__pane" style="">Text</div>
<div class="van-tab__pane" style="display: none;"></div>
<div class="van-tab__pane" style="display: none;"></div>
</div>
</div>
`;