vue实现简单的鼠标拖拽滚动效果

使用插件：vue-dragscroll
使用方法：csdn教程博客 官网使用案例

效果图：

实现方式：

    <div class="top">
      <div v-dragscroll class="list">
        <div v-for=" index in 12" :key="index" class="list-item">
          item{{ index }}
        </div>
      </div>
    </div>

    
.top{
      height: 90px;
      .list{
        overflow: hidden;
        display: flex;
        .list-item{
          min-width: 200px;
          border: 1px solid red;
          height: 100%;
          line-height: 90px;
          text-align: center;
        }
      }
}