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
packages
tab/test/__snapshots__
demo.spec.js.snap
tabs
index.jsindex.less

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

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

2
packages/tabs/index.js

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

6
packages/tabs/index.less

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