kimyearho:

image.png

我在制作音乐节目,在播放列表中使用了这个模块。然而,文本的速度并不是恒定的。我给出了duration = "17",但是每个项目的速度可能是相同的,也可能是不同的。

这样使用有什么错吗?

2020-10-08 21:12创建
共1个回答
XL
游客xlRpUN

可以设置一下元素的宽度:

    <marquee-text :duration="17">
      <div style="width:1000px;text-align:left">{{ text1 }}</div>
    </marquee-text>
    <marquee-text :duration="17">
      <div style="width:1000px;text-align:left">{{ text2 }}</div>
    </marquee-text>
  data() {
    return {
      text1: "Lorem ipsum dolor sit amet",
      text2:
        "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor"
    };
  }

具体示例:https://codesandbox.io/s/rmrwqrqrv4