uniapp实现左右滑动

11 阅读1分钟
		<view class="select" >
			<common-title></common-title>
			<!-- 滑动区域 -->
			<view class="content" >
				<scroll-view scroll-x>
					<view class="box" v-for="(item, indx) in 4" :key="index">
						<image src="../../common/images/preview_small.webp" mode="aspectFill"></image>
					</view>
				</scroll-view>
			</view>
		</view>

``

.select {
		padding-top: 50rpx;
		.content {
			width: 720rpx;
			margin-left: 30rpx;
			margin-top: 30rpx;
			scroll-view {
				white-space: nowrap;
				.box {
					width: 200rpx;
					height: 430rpx;
					display: inline-block;
					image {
						width: 100%;
						height: 100%;
					}
				}
			}
		}
	}

scroll-x

white-space: nowrap;

display: inline-block;