vue 实现上下左右滑动（滚动）

import vueSeamlessScroll from ‘vue-seamless-scroll‘

            <vueSeamlessScroll :data="noticeList" class="seamless-warp"  :class-option="optionCustomer">
                <ul class="item">
                    <li v-for="item in noticeList">
                      <router-link :to="‘/page/notice/details/‘+item.id">
                        <span style=" font-size:16px;margin:5px 0" v-text="item.name"></span>
                      </router-link>
                    </li>
                </ul>
            </vueSeamlessScroll>

.seamless-warp {
  line-height:30px;
  height: 60px;
  overflow: hidden;
}

      optionCustomer: {
        step: 1,
        limitMoveNum: 3,
        openTouch: false,
        waitTime: 50,
        direction: 1,//方向 0 往下 1 往上 2向左 3向右
        singleWidth: 30
      },