scroll-view 水平用法

孤独在春秋

按照文档里面的代码复制出来，和它的效果不一样，怎么都无法水平

<view class="section section_gap">
  <view class="section__title">horizontal scroll</view>
  <scroll-view class="scroll-view_H" scroll-x style="width: 100%">
    <view id="green" class="scroll-view-item_H bc_green"></view>
    <view id="red"  class="scroll-view-item_H bc_red"></view>
    <view id="yellow" class="scroll-view-item_H bc_yellow"></view>
    <view id="blue" class="scroll-view-item_H bc_blue"></view>
  </scroll-view>
</view>

YZH

横向加载的关键在于scroll-view 设置横向后   动态列表list,是否可见属性设为inline-block   即display:inline-block属性  案例参考市场 常用场景案例集 首页