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

[bug fix] NoticeBar: 属性text为动态数据且使用:text方式使用时，添加自动滚动 (#515)

Browse Source
This commit is contained in:
xujian 2018-01-06 23:06:15 +08:00 committed by neverland
parent 7a86fb69bb
commit beee252205
1 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
packages/notice-bar/index.vue
View File

@ -82,13 +82,12 @@ export default create({
}, },
mounted() { mounted() {
const offsetWidth = this.$refs.content.getBoundingClientRect().width; this.initAnimation();
const wrapWidth = this.$refs.contentWrap.getBoundingClientRect().width; },
if (this.scrollable && offsetWidth > wrapWidth) {
this.wrapWidth = wrapWidth; watch: {
this.offsetWidth = offsetWidth; text: function() {
this.duration = offsetWidth / this.speed; this.$nextTick(this.initAnimation);
this.animationClass = 'van-notice-bar__play';
} }
}, },
@ -102,6 +101,16 @@ export default create({
this.duration = (this.offsetWidth + this.wrapWidth) / this.speed; this.duration = (this.offsetWidth + this.wrapWidth) / this.speed;
this.animationClass = 'van-notice-bar__play--infinite'; this.animationClass = 'van-notice-bar__play--infinite';
}); });
},
initAnimation() {
const offsetWidth = this.$refs.content.getBoundingClientRect().width;
const wrapWidth = this.$refs.contentWrap.getBoundingClientRect().width;
if (this.scrollable && offsetWidth > wrapWidth) {
this.wrapWidth = wrapWidth;
this.offsetWidth = offsetWidth;
this.duration = offsetWidth / this.speed;
this.animationClass = 'van-notice-bar__play';
}
} }
} }
}); });