小程序之横向滚动

<scroll-view scroll-x='true'>
    <view class="out">
        <view>demo1</view>
        <view>demo2</view>
        <view>demo3</view>
        <view>demo4</view>
        <view>demo5</view>
        <view>demo6</view>
        <view>demo7</view>
        <view>demo8</view>
    </view>
</scroll-view>

.out{
 display: flex;
}
.out view{
     120rpx;
    height: 60rpx;
    line-height: 60rpx;
    background-color: #ccc;
    margin-right: 10rpx;
    color: #fff;
}