1、一定要在scroll-view标签里面写内容,包含后台返回的循环数据
2、在scroll-view标签设置css样式:white-space: nowrap; (不换行)
3、在scroll-view标签的子标签设置css样式display: inline-block;
4、scroll-view标签一定要给个固定的高度
例子:
<scroll-view class="scroll-view_H" scroll-x="true" @scroll="scroll" scroll-left="120">
<view class="scrollItem"></view>
<view class="scrollItem"></view>
<view class="scrollItem"></view>
<view class="scrollItem"></view>
</scroll-view>
.scroll-view_H{
width: 100%;
height: 300rpx;
white-space: nowrap;
.scrollItem{
width: 690rpx;
height: 300rpx;
display: inline-block;
}
}