参考网址:官方网址

    • 安装vue-marquee-text-component

      1. npm install vue-marquee-text-component
    • 引入组件

      1. import MarqueeText from 'vue-marquee-text-component'
    • 使用组件 ```javascript Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.

    // 控制文本是否滚动 data () { return { marqueePause: false // 控制text文本滚动 } } ``` 组件参数配置:

    Prop Type Default Description
    duration Number 15 动画时长
    repeat Number 2 重复播放的次数
    paused Boolean false 控制滚动暂停还是运行
    reverse Boolean false 动画的滚动方向是否相反