vue 列表平滑滚动插件（vue-seamless-scroll）

如图所示：每一条数据都平滑向上滚动（示例的代码就是跟图一样的包括样式）
直接套用就可以！
marquee写成了组件：左边的文字太多实现向左滚动，直接引入使用

1.先下载插件

npm install vue-seamless-scroll@1.1.23

2.在需要用到的页面引入

// 循环滚动

 import vueSeamlessScroll from 'vue-seamless-scroll'
// import marquee from '@/components/marquee.vue'
//components: {
   
     // marquee
//},

3.使用

<div class="caseRB">
  <vue-seamless-scroll :data="caseList" class="case-item"
    :class-option="defaultOption(caseList)">
    <ul v-for="(item, index) in caseList" class="case-info" :key="index">
        //注释掉的这部分代码是左边文字太多的情况下，向左做无缝连接滚动，需要可以加上
        //<div style="width: 700px">
		   //<marquee >
		       // 注意里边这里要展示的内容不能加盒子，否则展示不了，直接写内容就可以
		       //{
   { item.appealDes }}  
		   //</marquee>
		//</div> 
        <li>{
   {
    item.appealDes }}</li>   //左边的标题
        <li>{
   {
    item.infoCreateTime }}</li>   //右边的时间
    </ul>
  </vue-seamless-scroll>
</div>

//data里边的数组
caseList: []

//重点！！！！！
computed: {
   
    defaultOption() {
   
      return (<