Vuejs React PHP
推荐一个

【Vue 文本字幕组件(Marquee Text Component)】 文本速度不一致？

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

发布于 2020-10-08 21:15
查看全部1个回答
811 阅读
0 赞