<scroll-view scroll-x="true" >
<view class="coach_wrap" v-for="(item,index) in arr" :key="index">
要展示的内容
</view>
</scroll-view>
关于scroll-view及横向滚动条件:
1、scroll-view不支持flex,默认block;
2、scroll-view设置scroll-x ,white-space: nowrap;
3、子元素设置display: inline-block;
4、内部元素内容宽度超出scroll-view的宽。
所以两步就行了
1.设置scroll-view
scroll-view {
white-space: nowrap;
}
2.子元素为行内块元素
.coach_wrap {
display: inline-block;
}