微信小程序布局设置--scroll-view图片左右滑动

微信小程序布局设置--图片左右滑动

.bannerWrap{width: 100%; padding:5px; box-sizing: border-box; height: 160px; display: flex; flex-direction: column; display: -webkit-box;}
.imgItem{width: 100%; padding-right: 10px;}
.imgSize{width: 100%; height: 160px;}

<scroll-view scroll-x="true">
  <view class="bannerWrap" scroll-x="true">
    <view class="imgItem" wx:for="{{imglist}}">
      <image src="{{item.img}}" class="imgSize" mode="widthFix"></image>
    </view>
  </view>
</scroll-view>

本文属原创，转载请注明原文：http://www.zhimatong.com/jiaocheng/804.html

为保证教程的实用性及扩大知识面覆盖，如果您有相似问题而未解决，可联系在线客服免费技术支持。