Vue h5页面手指滑动图片

场景:

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

Vue h5页面手指滑动图片_第1张图片

代码:
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;
      }

你可能感兴趣的:(前端,vue.js,前端,javascript)