chore(Tab): remove unused style

This commit is contained in:
chenjiahan 2020-07-31 20:55:24 +08:00
parent bc0e45687a
commit af1261f546
3 changed files with 18 additions and 27 deletions

View File

@ -54,14 +54,14 @@ exports[`renders demo correctly 1`] = `
<div class="van-tabs van-tabs--line">
<div class="van-tabs__wrap van-tabs__wrap--scrollable">
<div role="tablist" class="van-tabs__nav van-tabs__nav--line van-tabs__nav--complete">
<div role="tab" aria-selected="true" class="van-tab van-tab--active van-tab--complete"><span class="van-tab__text">标签 1</span></div>
<div role="tab" class="van-tab van-tab--complete"><span class="van-tab__text">标签 2</span></div>
<div role="tab" class="van-tab van-tab--complete"><span class="van-tab__text">标签 3</span></div>
<div role="tab" class="van-tab van-tab--complete"><span class="van-tab__text">标签 4</span></div>
<div role="tab" class="van-tab van-tab--complete"><span class="van-tab__text">标签 5</span></div>
<div role="tab" class="van-tab van-tab--complete"><span class="van-tab__text">标签 6</span></div>
<div role="tab" class="van-tab van-tab--complete"><span class="van-tab__text">标签 7</span></div>
<div role="tab" class="van-tab van-tab--complete"><span class="van-tab__text">标签 8</span></div>
<div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text">标签 1</span></div>
<div role="tab" class="van-tab"><span class="van-tab__text">标签 2</span></div>
<div role="tab" class="van-tab"><span class="van-tab__text">标签 3</span></div>
<div role="tab" class="van-tab"><span class="van-tab__text">标签 4</span></div>
<div role="tab" class="van-tab"><span class="van-tab__text">标签 5</span></div>
<div role="tab" class="van-tab"><span class="van-tab__text">标签 6</span></div>
<div role="tab" class="van-tab"><span class="van-tab__text">标签 7</span></div>
<div role="tab" class="van-tab"><span class="van-tab__text">标签 8</span></div>
<div class="van-tabs__line" style="width: 0px; transform: translateX(0px) translateX(-50%);"></div>
</div>
</div>
@ -277,14 +277,14 @@ exports[`renders demo correctly 1`] = `
<div class="van-sticky">
<div class="van-tabs__wrap van-tabs__wrap--scrollable">
<div role="tablist" class="van-tabs__nav van-tabs__nav--line van-tabs__nav--complete">
<div role="tab" aria-selected="true" class="van-tab van-tab--active van-tab--complete"><span class="van-tab__text">标签 1</span></div>
<div role="tab" class="van-tab van-tab--complete"><span class="van-tab__text">标签 2</span></div>
<div role="tab" class="van-tab van-tab--complete"><span class="van-tab__text">标签 3</span></div>
<div role="tab" class="van-tab van-tab--complete"><span class="van-tab__text">标签 4</span></div>
<div role="tab" class="van-tab van-tab--complete"><span class="van-tab__text">标签 5</span></div>
<div role="tab" class="van-tab van-tab--complete"><span class="van-tab__text">标签 6</span></div>
<div role="tab" class="van-tab van-tab--complete"><span class="van-tab__text">标签 7</span></div>
<div role="tab" class="van-tab van-tab--complete"><span class="van-tab__text">标签 8</span></div>
<div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text">标签 1</span></div>
<div role="tab" class="van-tab"><span class="van-tab__text">标签 2</span></div>
<div role="tab" class="van-tab"><span class="van-tab__text">标签 3</span></div>
<div role="tab" class="van-tab"><span class="van-tab__text">标签 4</span></div>
<div role="tab" class="van-tab"><span class="van-tab__text">标签 5</span></div>
<div role="tab" class="van-tab"><span class="van-tab__text">标签 6</span></div>
<div role="tab" class="van-tab"><span class="van-tab__text">标签 7</span></div>
<div role="tab" class="van-tab"><span class="van-tab__text">标签 8</span></div>
<div class="van-tabs__line" style="width: 0px; transform: translateX(0px) translateX(-50%);"></div>
</div>
</div>

View File

@ -42,10 +42,6 @@ export default createComponent({
style.color = titleColor;
}
if (this.scrollable && this.ellipsis) {
style.flexBasis = `${88 / this.swipeThreshold}%`;
}
return style;
},
},
@ -84,7 +80,6 @@ export default createComponent({
bem({
active: this.isActive,
disabled: this.disabled,
complete: this.scrollable,
}),
]}
style={this.style}

View File

@ -53,12 +53,8 @@
&--scrollable {
.van-tab {
flex: 0 0 22%;
&--complete {
flex: 1 0 auto;
padding: 0 @padding-sm;
}
flex: 1 0 auto;
padding: 0 @padding-sm;
}
.van-tabs__nav {