blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-24 18:36:51 +08:00
Code Issues Projects Releases Wiki Activity

fix(NavBar): Component renders blank left/right. (#7376)

Browse Source
This commit is contained in:
Callum 2020-10-22 05:56:17 +02:00 committed by GitHub
parent dab89fe86e
commit 3664659240
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/nav-bar/index.js
View File

@ -67,19 +67,27 @@ export default createComponent({
style={{ zIndex: this.zIndex }} style={{ zIndex: this.zIndex }}
class={[bem({ fixed: this.fixed }), { [BORDER_BOTTOM]: this.border }]} class={[bem({ fixed: this.fixed }), { [BORDER_BOTTOM]: this.border }]}
> >
<div class={bem('left')} onClick={this.onClickLeft}> {this.hasLeft() && <div class={bem('left')} onClick={this.onClickLeft}>
{this.genLeft()} {this.genLeft()}
</div> </div>}
<div class={[bem('title'), 'van-ellipsis']}> <div class={[bem('title'), 'van-ellipsis']}>
{this.slots('title') || this.title} {this.slots('title') || this.title}
</div> </div>
<div class={bem('right')} onClick={this.onClickRight}> {this.hasRight() && <div class={bem('right')} onClick={this.onClickRight}>
{this.genRight()} {this.genRight()}
</div> </div>}
</div> </div>
); );
}, },
hasLeft() {
return this.leftArrow || this.leftText || this.slots('left');
},
hasRight() {
return this.rightText || this.slots('right');
},
onClickLeft(event) { onClickLeft(event) {
this.$emit('click-left', event); this.$emit('click-left', event);
}, },

4
src/nav-bar/test/__snapshots__/index.spec.js.snap
View File

@ -3,9 +3,7 @@
exports[`placeholder prop 1`] = ` exports[`placeholder prop 1`] = `
<div class="van-nav-bar__placeholder" style="height: 50px;"> <div class="van-nav-bar__placeholder" style="height: 50px;">
<div class="van-nav-bar van-nav-bar--fixed van-hairline--bottom"> <div class="van-nav-bar van-nav-bar--fixed van-hairline--bottom">
<div class="van-nav-bar__left"></div>
<div class="van-nav-bar__title van-ellipsis"></div> <div class="van-nav-bar__title van-ellipsis"></div>
<div class="van-nav-bar__right"></div>
</div> </div>
</div> </div>
`; `;
@ -20,8 +18,6 @@ exports[`render left & right slot 1`] = `
exports[`render title slot 1`] = ` exports[`render title slot 1`] = `
<div class="van-nav-bar van-hairline--bottom"> <div class="van-nav-bar van-hairline--bottom">
<div class="van-nav-bar__left"></div>
<div class="van-nav-bar__title van-ellipsis">Custom Title</div> <div class="van-nav-bar__title van-ellipsis">Custom Title</div>
<div class="van-nav-bar__right"></div>
</div> </div>
`; `;