vue — 列表滚动（跑马灯）--指令实现方法

做一次尝试， 用指令的方式实现列表的滚动（即跑马灯效果）；

1. html部分
   ul>li 的结构，v-for循环下，手动另外新增前后两个节点；

<ul class="message-list-box" v-carousel v-if="messageLists.length">
  <li class="message-list-item" v-for="(item, i) in messageLists" v-if="i === (messageLists.length - 1)" :key="i">
    <!-- <span>{
   {item.exchangeTime}}</span> -->
    <span>{
  { ' ' + item.stuname + '使用' }}</span>
    <span style="color: #3398db;">{
  {item.integral}}</span>
    <span>积分兑换</span>
    <span style="