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

[bugfix] Tab: title slot render (#1212)

Browse Source
This commit is contained in:
neverland
2018-05-31 17:58:59 +08:00
committed by GitHub
parent 3fa49cdd3e
commit 9b01710556
4 changed files with 82 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/tab/index.vue
+9
View File
@@ -1,6 +1,9 @@
<template>
<div :class="b('pane')" v-show="isSelected">
<slot v-if="inited" />
<div v-if="$slots.title" ref="title">
<slot name="title" />
</div>
</div>
</template>
@@ -45,6 +48,12 @@ export default create({
this.parent.tabs.push(this);
},
mounted() {
if (this.$slots.title) {
this.parent.renderTitle(this.$refs.title, this.index);
}
},
destroyed() {
this.parent.tabs.splice(this.index, 1);
}
packages/tab/test/__snapshots__/demo.spec.js.snap
+64 -18
View File
@@ -12,15 +12,19 @@ exports[`renders demo correctly 1`] = `
<div class="van-tabs__content">
<div class="van-tab__pane">
<!---->
</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>
@@ -35,27 +39,35 @@ exports[`renders demo correctly 1`] = `
<div class="van-tabs__content">
<div class="van-tab__pane">
<!---->
</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>
@@ -70,15 +82,19 @@ exports[`renders demo correctly 1`] = `
<div class="van-tabs__content">
<div class="van-tab__pane">
<!---->
</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>
@@ -93,15 +109,19 @@ exports[`renders demo correctly 1`] = `
<div class="van-tabs__content">
<div class="van-tab__pane">
<!---->
</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>
@@ -116,15 +136,19 @@ exports[`renders demo correctly 1`] = `
<div class="van-tabs__content">
<div class="van-tab__pane">
<!---->
</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>
@@ -139,15 +163,19 @@ exports[`renders demo correctly 1`] = `
<div class="van-tabs__content">
<div class="van-tab__pane">
<!---->
</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>
@@ -162,9 +190,23 @@ exports[`renders demo correctly 1`] = `
<div class="van-tabs__content">
<div class="van-tab__pane">
<!---->
<div>
<div>
<i class="van-icon van-icon-more-o" style="color:undefined;">
<!---->
</i>选项
</div>
</div>
</div>
<div class="van-tab__pane" style="display:none;">
<!---->
<div>
<div>
<i class="van-icon van-icon-more-o" style="color:undefined;">
<!---->
</i>选项
</div>
</div>
</div>
</div>
</div>
@@ -179,15 +221,19 @@ exports[`renders demo correctly 1`] = `
<div class="van-tabs__content">
<div class="van-tab__pane">
<!---->
</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>