微信小程序横向图片左右滑动

wxml代码

<scroll-view scroll-x="true"> 
      <view class="banner" scroll-x="true"> 
           <view class="banner_Item"> 
                 第一块
          </view> 
          <view class="banner_Item"> 
                 第二块
          </view> 
          <view class="banner_Item"> 
                 第三块
          </view> 
          <view class="banner_Item"> 
                 第四块
          </view> 
         <view class="banner_Item"> 
                 第五块
          </view> 
      </view> 
</scroll-view> 

wxss代码

.banner{
        height:160rpx; 
        width:100%;
        display: flex;
        display: -webkit-box;
        flex-direction: column;
  } 
.banner_Item{ 
       width: 160rpx;
       height: 160rpx;
       background-color:red;
       margin-right:10rpx;
  } 

效果图

来源：https://blog.csdn.net/H_c_l/article/details/99693704