uniapp横向滚动

<template>
	<view class="cont">
		<scroll-view scroll-x="true" class="cont_scroll">
			<view class="scroll-item" v-for="(it,is) in 20" :key="is">横向滚动{{it}}</view>
		</scroll-view>
	</view>
</template>

<script>
</script>

<style>
	.cont_scroll{
		background-color: aliceblue;
		white-space: nowrap;/*必须要有，规定段落中的文本不进行换行*/
	}
	/* scroll下的view必须使用类名，如果执行使用view标签是无效的 */
	.scroll-item{
		width: 200rpx;
		text-align: center;
		border: 1rpx solid red;
		height: 50rpx;
		display: inline-block;/*必须要有*/
	}
</style>