scroll-view 组件设置scroll-x为true

  <view class="container">
      <scroll-view scroll-x=true>
          <view class="box"></view>
      </scroll-view>
  </view>

scroll-view 组件的父组件样式设置为 white-space: nowrap;
需要横向滚动的子组件设置为 display: inline-block;

  .container {
    white-space: nowrap;
  }
  .box {
    display: inline-block;
  }

为了对齐，最好加上样式

 .box {
    vertical-align: top;
 }