blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

[bugfix] Tab: animated overflow

Browse Source
This commit is contained in:
陈嘉涵 2019-05-11 12:05:32 +08:00
parent 0ef834e323
commit d48f5ba0d6
3 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/tab/test/__snapshots__/demo.spec.js.snap
View File

@ -205,7 +205,7 @@ exports[`renders demo correctly 1`] = `
<div class="van-tab"><span class="van-ellipsis">标签 4</span></div>
</div>
</div>
<div class="van-tabs__content">
<div class="van-tabs__content van-tabs__content--animated">
<div class="van-tabs__track" style="transform: translate3d(0%, 0, 0); transition-duration: 0.3s;">
<div class="van-tab__pane-wrapper">
<div class="van-tab__pane">

2
packages/tabs/index.js
View File

@ -442,7 +442,7 @@ export default sfc({
{this.slots('nav-right')}
</div>
</div>
<div ref="content" class={bem('content')}>
<div ref="content" class={bem('content', { animated })}>
{animated ? (
<div class={bem('track')} style={this.trackStyle}>
{this.slots()}

6
packages/tabs/index.less
View File

@ -125,6 +125,12 @@
will-change: left;
}
&__content {
&--animated {
overflow: hidden;
}
}
&--line {
padding-top: @tabs-line-height;