<scroll-view scroll-x="true">
<view>item1</view>
<view>item2</view>
<view>item3</view>
<view>item4</view>
<view>item5</view>
</scroll-view>
scroll-view组件横向滚动直接使用会有问题的,因为它下面的子元素并不会在一行排列,需要加上以下CSS完美解决。
scroll-view {
white-space:nowrap;
}
scroll-view view {
display:inline-block;
}