html5轮播 最新公告栏,如何用vue实现上下轮播公告栏，文字溢出时也能轮播

在网上搜到了相关代码，可是有个需求是如果文字溢出时也需要换行轮播，请问如何实现，现在的这个实现不了。。。只会一闪而过

最新战报

div, ul, li, span, img {

margin: 0;

padding: 0;

display: flex;

box-sizing: border-box;

}

.marquee {

width: 100%;

height: 50px;

align-items: center;

color: #3A3A3A;

background-color: #b3effe;

display: flex;

box-sizing: border-box;

}

.marquee_title {

padding: 0 20px;

height: 30px;

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;

}