小程序scroll-view简单使用,子元素换行在ios中出现子元素不换行问题,没有顶部对齐的问题;去除滚动条样式；子元素文字不换行

1.代码

1.1.wxml

<!-- 图片，横向scroll-x必须设置为true -->
<scroll-view class='parentone' scroll-x="{
  {true}}">
  <view class='sonone' style='background-color:red;'></view>
  <view class='sonone' style='background-color:blue;'></view>
  <view class='sonone' style='background-color:orange;'></view>
  <view class='sonone' style='background-color:green;'></view>
  <view class='sonone'></view>
</scroll-view>

<!-- 图片，横向scroll-x必须设置为true -->
<scroll-view class='parentwo' scroll-x="{
  {true}}">
  <view class='sontwo' style='background-color:red;'></view>
  <view class='sontwo' style='background-color:blue;'></view>
  <view class='sontwo' style='background-color:orange;'></view>
  <view class='sontwo' style='background-color:green;'></view>
  <view class='sontwo'></view>
</scroll-view>

<!-- 图片，纵向拖动scroll-y="true"必须设置为true -->
<scroll-view class='parenthree' scroll-y="{
  {true}}">
  <view class='sonthree' style='background-color:re