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

fix(NoticeBar): incorrect ellipsis

Browse Source
This commit is contained in:
chenjiahan 2020-06-11 16:39:46 +08:00 committed by neverland
parent 7b0546dbba
commit febf17e546
3 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/notice-bar/index.js
View File

@ -166,7 +166,7 @@ export default createComponent({
ref="content" ref="content"
class={[ class={[
bem('content'), bem('content'),
{ 'van-ellipsis': !this.scrollable && !this.wrapable }, { 'van-ellipsis': this.scrollable === false && !this.wrapable },
]} ]}
style={contentStyle} style={contentStyle}
onTransitionend={this.onTransitionEnd} onTransitionend={this.onTransitionEnd}

6
src/notice-bar/test/__snapshots__/demo.spec.js.snap
View File

@ -32,13 +32,13 @@ exports[`renders demo correctly 1`] = `
<div> <div>
<div role="alert" class="van-notice-bar"> <div role="alert" class="van-notice-bar">
<div role="marquee" class="van-notice-bar__wrap"> <div role="marquee" class="van-notice-bar__wrap">
<div class="van-notice-bar__content van-ellipsis" style="transition-duration: 0s;">技术是开发它的人的共同灵魂。</div> <div class="van-notice-bar__content" style="transition-duration: 0s;">技术是开发它的人的共同灵魂。</div>
</div><i class="van-icon van-icon-cross van-notice-bar__right-icon"> </div><i class="van-icon van-icon-cross van-notice-bar__right-icon">
<!----></i> <!----></i>
</div> </div>
<div role="alert" class="van-notice-bar"> <div role="alert" class="van-notice-bar">
<div role="marquee" class="van-notice-bar__wrap"> <div role="marquee" class="van-notice-bar__wrap">
<div class="van-notice-bar__content van-ellipsis" style="transition-duration: 0s;">技术是开发它的人的共同灵魂。</div> <div class="van-notice-bar__content" style="transition-duration: 0s;">技术是开发它的人的共同灵魂。</div>
</div><i class="van-icon van-icon-arrow van-notice-bar__right-icon"> </div><i class="van-icon van-icon-arrow van-notice-bar__right-icon">
<!----></i> <!----></i>
</div> </div>
@ -47,7 +47,7 @@ exports[`renders demo correctly 1`] = `
<div role="alert" class="van-notice-bar" style="color: rgb(25, 137, 250); background: rgb(236, 249, 255);"><i class="van-icon van-icon-info-o van-notice-bar__left-icon"> <div role="alert" class="van-notice-bar" style="color: rgb(25, 137, 250); background: rgb(236, 249, 255);"><i class="van-icon van-icon-info-o van-notice-bar__left-icon">
<!----></i> <!----></i>
<div role="marquee" class="van-notice-bar__wrap"> <div role="marquee" class="van-notice-bar__wrap">
<div class="van-notice-bar__content van-ellipsis" style="transition-duration: 0s;">技术是开发它的人的共同灵魂。</div> <div class="van-notice-bar__content" style="transition-duration: 0s;">技术是开发它的人的共同灵魂。</div>
</div> </div>
</div> </div>
</div> </div>

6
src/notice-bar/test/__snapshots__/index.spec.js.snap
View File

@ -2,7 +2,7 @@
exports[`icon slot 1`] = ` exports[`icon slot 1`] = `
<div role="alert" class="van-notice-bar">Custom Left Icon<div role="marquee" class="van-notice-bar__wrap"> <div role="alert" class="van-notice-bar">Custom Left Icon<div role="marquee" class="van-notice-bar__wrap">
<div class="van-notice-bar__content van-ellipsis" style="transition-duration: 0s;"> <div class="van-notice-bar__content" style="transition-duration: 0s;">
Content Content
</div> </div>
</div>Custom Right Icon</div> </div>Custom Right Icon</div>
@ -11,7 +11,7 @@ exports[`icon slot 1`] = `
exports[`should not scroll when content width > wrap width 1`] = ` exports[`should not scroll when content width > wrap width 1`] = `
<div role="alert" class="van-notice-bar"> <div role="alert" class="van-notice-bar">
<div role="marquee" class="van-notice-bar__wrap"> <div role="marquee" class="van-notice-bar__wrap">
<div class="van-notice-bar__content van-ellipsis" style="transition-duration: 0s;">foo</div> <div class="van-notice-bar__content" style="transition-duration: 0s;">foo</div>
</div> </div>
</div> </div>
`; `;
@ -19,7 +19,7 @@ exports[`should not scroll when content width > wrap width 1`] = `
exports[`should scroll when content width > wrap width 1`] = ` exports[`should scroll when content width > wrap width 1`] = `
<div role="alert" class="van-notice-bar"> <div role="alert" class="van-notice-bar">
<div role="marquee" class="van-notice-bar__wrap"> <div role="marquee" class="van-notice-bar__wrap">
<div class="van-notice-bar__content van-ellipsis" style="transition-duration: 2s; transform: translateX(-100px);">foo</div> <div class="van-notice-bar__content" style="transition-duration: 2s; transform: translateX(-100px);">foo</div>
</div> </div>
</div> </div>
`; `;