小程序scroll-view横向滚动

<view style="width: 100%;height: 100rpx;white-space:nowrap;">
      <scroll-view scroll-x>
      <view style="width: 100rpx;display:inline-block">文章</view>
      <view style="width: 100rpx;display:inline-block">文章</view>
      <view style="width: 100rpx;display:inline-block">文章</view>
      <view style="width: 100rpx;display:inline-block">文章</view>
      <view style="width: 100rpx;display:inline-block">文章</view>
      <view style="width: 100rpx;display:inline-block">文章</view>
      <view style="width: 100rpx;display:inline-block">文章</view>
      <view style="width: 100rpx;display:inline-block">文章</view>
      <view style="width: 100rpx;display:inline-block">文章</view>
      </scroll-view>
    </view>

记得需要在父元素上设置white-space:nowrap;

posted @ 2018-08-15 15:37  wmui  阅读(3953)  评论(0)    收藏  举报