vue无缝滚动效果

1.安装vue-seamless-scroll

npm install vue-seamless-scroll --save

2.在main.js中全局引入

import scroll from 'vue-seamless-scroll'
Vue.use(scroll)

3.直接用：

<vue-seamless-scroll
      :class-option="tableListOption"
      :data="tableList"
      class="seamless-warp-table"
      >
      <ul
          class="ul-li"
           v-for="(item, index) in tableList"
           :key="index"
        >
           <li style="width: 80px">{{ item.time }}</li>
            <li style="width: 56px">{{ item.greenhouse }}</li>
            <li style="width: 56px">{{ item.farmingCode }}</li>
            <li style="width: 56px">{{ item.inputName }}</li>
            <li style="width: 56px">{{ item.name }}</li>
             <li style="width: 56px">
             <img
              :src="photo"
               alt
               @click="previewImg(item)"
                :data-itemData="JSON.stringify(item)"
                />
                </li>
         </ul>
   </vue-seamless-scroll>