vue中引入vue-seamless-scroll（滚动）插件

效果图如下：

演示文档基于Vue的简单无缝滚动组件 支持上下左右无缝滚动，单步滚动，以及水平方向的手动切换

1、安装
npm install vue-seamless-scroll --save

2、引入

import vueSeamlessScroll from "vue-seamless-scroll";
//注册
 components: {
    vueSeamlessScroll,
  },
 data(){
 	return {
 		listData2:[],
	 	classOption2: {
	        step: 2.2,//值越大滚动越快
	        hoverStop: true, // 是否开启鼠标悬停stop
	        direction: 2, // 0向下 1向上 2向左 3向右
	        limitMoveNum:3  //开启无缝滚动的数据量 设置(数值<=页面展示数据条数不滚)
	      },
	   }
	}

3、使用

 <vue-seamless-scroll
    :data="listData2"
      class="seamless-warp"
      :class-option="classOption2"
    >
      <ul class="scrool-item scrool-item2" style="">
        <li class="item" v-for="(item, index) in listData2" :key="index">
         ...
        li>
      ul>
    vue-seamless-scroll>