uniapp实现横向滚动

最新推荐文章于 2024-08-05 21:09:49 发布

不哭不闹不炫耀123

最新推荐文章于 2024-08-05 21:09:49 发布

阅读量4k

点赞数

本文链接：https://blog.csdn.net/weixin_46137478/article/details/107835424

版权

在这里插入图片描述

<view style="height: 440rpx;">
					<scroll-view  scroll-x="true" 
					@scroll="scroll"  
					style="width: 100%;overflow:hidden;white-space:nowrap;">
						<view class="scroll-view_H">
							<view id="demo1" class=" membershipLevel_item">A</view>
							<view id="demo2" class=" membershipLevel_item two">B</view>
							<view id="demo3" class=" membershipLevel_item">C</view>
						</view>
					</scroll-view>
				</view>

css

.scroll-view_H{
width: 200%;
display: flex;
flex-wrap: nowrap;
}