微信小程序scroll-view做图片横向滚动

微信小程序的scroll-view控件可以做图片横向滚动，但是也有需要注意的地方，请看本文介绍的内容，可以在实际中参考。

wxml：

<scroll-view class="image-group" scroll-x="true">
  <image src="../../images/background_image1@2x.png"></image>
  <image src="../../images/background_image1@2x.png"></image>
  <image src="../../images/background_image1@2x.png"></image>
  <image src="../../images/background_image1@2x.png"></image>
  <image src="../../images/background_image1@2x.png"></image>
  <image src="../../images/background_image1@2x.png"></image>
</scroll-view>

wxss：

.image-group {
  display: flex;
  white-space: nowrap;
  margin-top: 30rpx;
}
.image-group image {
  display: inline-block;
  width: 375rpx;
  height: 180rpx;
  margin-right: 20rpx;
}

实际效果：

微信小程序scroll-view做图片横向滚动