微信小程序图片横向滚动

可以使用scroll-view组件来实现微信小程序图片横向滚动。

1. 在wxml文件中添加scroll-view组件：

<scroll-view class="scroll-view" scroll-x="true">
  <view class="image-list">
    <image src="https://example.com/image1.jpg"></image>
    <image src="https://example.com/image2.jpg"></image>
    <image src="https://example.com/image3.jpg"></image>
    <image src="https://example.com/image4.jpg"></image>
  </view>
</scroll-view>

2. 在wxss文件中设置scroll-view和image的样式：

.scroll-view {
  width: 100%;
  height: 200rpx;
  overflow-x: scroll;
  white-space: nowrap;
}

.image-list {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

image {
  width: 200rpx;
  height: 200rpx;
  margin-right: 10rpx;
}

其中，scroll-view组件需要设置scroll-x属性为true，使其能够横向滚动。image-list使用inline-flex布局，使其能够横向排列，并设置margin-right属性为10rpx，使图片之间有一定的间距。

3. 在js文件中添加对应的逻辑代码：

Page({
  data: {},

  onLoad: function () {},
})

完成以上步骤后，就可以在微信小程序中实现图片横向滚动了。