小程序scroll-view失效

横向滑动

要点：外层设置：white-space:nowrap;dispaly:flex;
内层设置：display:inline-block;

<view>
  <scroll-view  scroll-x="true" style="height:50rpx; white-space:nowrap ;display:flex;" >
    <view style="display:inline-block ;color:red;">niaho</view>
    <view style="display:inline-block; color:green;">niaho</view>
    <view style="display:inline-block;color:grey;">niaho</view>
    <view style="display:inline-block;color:#00a4ff;">niaho</view>
    <view style="display:inline-block;color:yellow;">niaho</view>
    <view style="display:inline-block ;color:red;">niaho</view>
    <view style="display:inline-block; color:green;">niaho</view>
    <view style="display:inline-block;color:grey;">niaho</view>
    <view style="display:inline-block;color:#00a4ff;">niaho</view>
    <view style="display:inline-block;color:yellow;">niaho</view>
  </scroll-view>
</view>

纵向滑动

关键：外层设置高度

<view>
  <scroll-view  scroll-y="true" style="height:100rpx;" >
    <view style="color:red;">niaho</view>
    <view style=" color:green;">niaho</view>
    <view style="color:grey;">niaho</view>
    <view style="color:#00a4ff;">niaho</view>
    <view style="color:yellow;">niaho</view>
    <view style="color:red;">niaho</view>
    <view style="color:green;">niaho</view>
    <view style="color:grey;">niaho</view>
    <view style="color:#00a4ff;">niaho</view>
    <view style="color:yellow;">niaho</view>
  </scroll-view>
</view>