vue滚动字幕怎样添加

vue滚动字幕添加的方法如下：

1、首先打开vue，随后点击创作视频选项，上传视频素材；

2、接着在滑动页面右侧的列表，选择编辑的功能就能够添加滚动字幕了。

VUE是iOS和Android平台上的一款手机视频拍摄与美化工具，允许用户通过简单的 *** 作实现视频的拍摄、导入视频的剪辑、表现力的细调、改变滤镜、加贴纸和背景音乐等功能，轻松在手机上拍出电影大片的质感，实时记录与分享生活。

2018年7月5日，VUE正式上线2.0版本，推出短视频社区功能。随着手机摄像头的发展，越来越多的人开始使用手机拍照和摄像。摄像一般来说要比拍照门槛高，但是视频传播的信息量又远大于照片。VUE就诞生在这样的背景下，希望用拍照一样简单的 *** 作，帮助用户在手机上拍摄精美的短视频。

<div class="marquee">

      <div class="marquee_title">

                 <span>免费微报</span>

      </div>

        <div class="marquee_box">

                <ul class="marquee_list":class="{marquee_top:animate}">

                        <li v-for="(item,index) in marqueeList">

                                {{item.name}}

                        </li>

                </ul>

        </div>

</div>

.marquee {

width: 100%

height: 50px

align-items: center

color: #3A3A3A

background-color: white

display: flex

box-sizing: border-box

overflow: hidden

}

.marquee_title{

padding: 0 20px

height: 21px

font-size: 14px

border-right: 1px solid #d8d8d8

align-items: center

}

.marquee_box {

display: block

position: relative

width: 60%

height: 30px

overflow: hidden

}

.marquee_list {

display: block

position: absolute

top: 0

left: 0

}

.marquee_top {

transition: all 0.5s

margin-top: -30px

}

.marquee_list li {

height: 30px

line-height: 30px

font-size: 14px

padding-left: 20px

}

.marquee_list li span {

padding: 0 2px

}

下面的这个放到  Vue   data里面的return里面去  -------------   也就是》》》》data（）{return{}}

animate: false,

marqueeList: [

                {

                    name: '1军电视剧烦恼是的空间开发'

                },

                {

                    name: '2军水电费了羧甲淀粉钠盛开'

                },

                {

                    name: '3军第三方库收到货否'

                },

                {

                    name: '4军杜师傅iOS'

                }

            ],

接着在created：function里面放入这个

setInterval(this.showMarquee, 2000)

最后一步就是，放到，方法里面也就是，methods，里面下面就是要放的

showMarquee: function () {

                this.animate = true

                setTimeout(()=>{

                    this.marqueeList.push(this.marqueeList[0])

                this.marqueeList.shift()

                this.animate = false

            },500)},

---