微信小程序横向/纵向滚动

横向滚动

<scroll-view  scroll-x="true" style="width:100%;white-space:nowrap;">
  <view style="width:100px;height:80px;display: inline-block;">2</view>
  <view style="width:100px;height:80px;display: inline-block;">3</view>
  <view style="width:100px;height:80px;display: inline-block;">4</view>
  <view style="width:100px;height:80px;display: inline-block;">5</view>
  <view style="width:100px;height:80px;display: inline-block;">6</view>
  <view style="width:100px;height:80px;display: inline-block;">7</view>
  <view style="width:100px;height:80px;display: inline-block;">8</view>
  <view style="width:100px;height:80px;display: inline-block;">9</view>
</scroll-view>

纵向滚动

<scroll-view  scroll-y="true" style="width:100%;height:30px;">
  <view style="width:100px;height:80px;">2</view>
  <view style="width:100px;height:80px;">3</view>
  <view style="width:100px;height:80px;">4</view>
  <view style="width:100px;height:80px;">5</view>
  <view style="width:100px;height:80px;">6</view>
  <view style="width:100px;height:80px;">7</view>
  <view style="width:100px;height:80px;">8</view>
  <view style="width:100px;height:80px;">9</view>
</scroll-view>