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

chore(Tab): optimize implementation of title slot (#4974)

Browse Source
This commit is contained in:
neverland
2019-11-10 11:25:05 +08:00
committed by GitHub
parent 945f6a1781
commit 76cdb03962
4 changed files with 27 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/tab/index.js
+1 -11
View File
@@ -41,20 +41,10 @@ export default createComponent({
}
},
mounted() {
if (this.slots('title')) {
this.parent.renderTitle(this.$refs.title, this.index);
}
},
render(h) {
const { slots, isActive } = this;
const shouldRender = this.inited || !this.parent.lazyRender;
const Content = [shouldRender ? slots() : h()];
if (slots('title')) {
Content.push(<div ref="title">{slots('title')}</div>);
}
const Content = shouldRender ? slots() : h();
if (this.parent.animated) {
return (
src/tab/test/__snapshots__/demo.spec.js.snap
+4 -4
View File
@@ -194,10 +194,10 @@ exports[`renders demo correctly 1`] = `
<div class="van-tabs van-tabs--line">
<div class="van-tabs__wrap van-hairline--top-bottom">
<div role="tablist" class="van-tabs__nav van-tabs__nav--line">
<div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-ellipsis"><div><i class="van-icon van-icon-more-o"><!----></i>标签
</div></span></div>
<div role="tab" class="van-tab"><span class="van-ellipsis"><div><i class="van-icon van-icon-more-o"><!----></i>标签
</div></span></div>
<div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-ellipsis"><i class="van-icon van-icon-more-o"><!----></i>标签
</span></div>
<div role="tab" class="van-tab"><span class="van-ellipsis"><i class="van-icon van-icon-more-o"><!----></i>标签
</span></div>
<div class="van-tabs__line" style="width: 0px; transform: translateX(0px) translateX(-50%);"></div>
</div>
</div>