Vue H5 实现商城商品横向无限滚动展示

需求描述

制作一个精品推荐多个个商品横向向左或向右循环滚动展示

1.下载插件：

npm install vue-seamless-scroll -S　　

2.在需要使用的页面引入插件

import vueSeamlessScroll from "vue-seamless-scroll";

3.在components注册插件

  components: {
    vueSeamlessScroll
  },

4.使用

直接在要使用的位置插入代码

     <vue-seamless-scroll :data="scollList" class="seamless-warp" :class-option="optionLeft" ref="seamlessScroll">
        <div class="scrollNew">
          <div class="scrollWaper" v-for="(item, index) of scollList" :key="index">
            <router-link :to=&#