小程序---横向轮播图

按照官网API可能看不懂，那么就参照以下方法

<view class="section__title">vertical scroll</view>
<scroll-view
    scroll-x
    style="height: 200px;display:flex;white-space:nowrap"
    
    //添加display:flex;white-space:nowrap
    
  >
    <view id="green" class="scroll-view-item bc_green"></view>
    <view id="red" class="scroll-view-item bc_red"></view>
    <view id="yellow" class="scroll-view-item bc_yellow"></view>
    <view id="blue" class="scroll-view-item bc_blue"></view>
</scroll-view>

然后在wxss里面设置样式的时候

.scroll-view-item{
  height: 200px;
  display: inline-block;
  width: 100%;
}