//list 循环两次同样内容
<div class="content">
  <ul class="listBox">
    <li v-for="(item, index) in tipList" :key="index" class="list"></li>
    <li v-for="(item, index) in tipList" :key="index" class="list"></li>
  </ul>
</div>

//css
.content{
      height: 270px;
      overflow: hidden;
      position: relative;
 }
.listBox {
    position: absolute;
    animation: scrollUp 25s linear infinite;
 }

//滚动50%，视觉效果-内容循环覆盖
@keyframes scrollUp {
 0% {
     transform: translateY(0%);
    }
 100% {
    transform: translateY(-50%);
 }