<scroll-view class="scroll-view_H" scroll-x="true" @scroll="scroll" > <view class="box">aa</view> &..."/>

盒子滑动展示

391次阅读
没有评论
<template>
	<view class="layout">
		<scroll-view class="scroll-view_H" scroll-x="true" @scroll="scroll" >
		 		<view class="box">aa</view>
		 		<view class="box">aa</view>
		 		<view class="box">aa</view>
		 		<view class="box">aa</view>
		 		<view class="box">aa</view>
		 		<view class="box">aa</view>
		 		<view class="box">aa</view>
		 		<view class="box">aa</view>
		 		<view class="box">aa</view>
		 		<view class="box">aa</view>	
			</scroll-view>
	</view>
</template>

<script setup>

</script>

<style lang="scss">
.scroll-view_H{
	height: 200px;
	width: 200px;
	background: #eee;
	white-space: nowrap;
	.box{
		width: 100px;
		height: 100px;
		background: green;
		display: inline-block;
		margin: 5px;;
	}
}
</style>
正文完
 
评论(没有评论)