blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-05-25 15:59:16 +08:00
Code Issues Projects Releases Wiki Activity

feat(Notice): bar reset variable and scrollable method extraction (#6069)

Browse Source
This commit is contained in:
扛狼 2020-04-21 14:28:07 +08:00 committed by GitHub
parent 9984f6de79
commit 84369690c0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 28 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -39,21 +39,7 @@ export default createComponent({
watch: {
text: {
handler() {
this.$nextTick(() => {
const { wrap, content } = this.$refs;
if (!wrap || !content) {
return;
}
const wrapWidth = wrap.getBoundingClientRect().width;
const offsetWidth = content.getBoundingClientRect().width;
if (this.scrollable && offsetWidth > wrapWidth) {
this.wrapWidth = wrapWidth;
this.offsetWidth = offsetWidth;
this.duration = offsetWidth / this.speed;
this.animationClass = bem('play');
}
});
this.start();
},
immediate: true,
},
@ -75,6 +61,33 @@ export default createComponent({
this.$emit('replay');
});
},
reset() {
this.wrapWidth = 0;
this.offsetWidth = 0;
this.animationClass = '';
this.duration = 0;
},
start(){
this.$nextTick(() => {
const { wrap, content } = this.$refs;
if (!wrap || !content) {
return;
}
const wrapWidth = wrap.getBoundingClientRect().width;
const offsetWidth = content.getBoundingClientRect().width;
if (this.scrollable && offsetWidth > wrapWidth) {
this.wrapWidth = wrapWidth;
this.offsetWidth = offsetWidth;
this.duration = offsetWidth / this.speed;
this.animationClass = bem('play');
} else {
this.reset();
}
});
}
},
render() {