描述:nvue中scrollview无法横向滚动
解决:在nvue中默认是flex布局并且是column,就是因为这个导致无法横向滚动,
解决办法,设置当前scrollview的flex-direction:row
template部分:
<view>
<scroll-view class="scroll-view_H" scroll-x="true" >
<!--记住这里要套一层,并且设置flex-direction: row; 并且不要设置width -->
<view style="flex-direction: row;">
<view class="scroll-view-item_H uni-bg-red">A</view>
<view class="scroll-view-item_H uni-bg-green">B</view>
<view class="scroll-view-item_H uni-bg-blue">C</view>
<view class="scroll-view-item_H uni-bg-blue">C</view>
<view class="scroll-view-item_H uni-bg-blue">C</view>
<view class="scroll-view-item_H uni-bg-blue">C</view>
</view>
</scroll-view>
</view>
style:部分:
.scroll-view_H {
flex-direction: row;
}