Vue h5页面手指滑动图片

场景：

四张图，要求随着手指滑动而滑动

代码：

imgs是父盒子 poster-item是每个图片 
.imgs {
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
        margin-bottom: 17px;
        .poster-item {
          display: inline-block;
          vertical-align: middle;
          width: 34vw;
          margin-right: 10px;
          border-radius: 12px;
      }