uni-app写表格时列数过长时实现左右滑动效果

在uniapp的组件中使用table,在移动端左右拖拽不灵敏,使用一下方法可解决!!!

//使用scroll-view标签包裹,设置左右可滑动,宽度100%,超出隐藏

	 
		
			
				序号
				姓名
				年龄
				爱好1
				爱好2
				爱好3
				爱好4
				爱好5
				爱好6
				爱好7
			
			
				{{ item.id + 1 }}
				{{ item.name }}
				{{ item.age }}
				{{ item.hobby }}
				{{ item.id + 1 }}
				{{ item.name }}
				{{ item.age }}
				{{ item.hobby }}
				{{ item.id + 1 }}
				{{ item.id + 1 }}
			
		
	
//设置宽度,定义成弹性盒模式,并且不换行。
.uni-container{
		width: 200%;
		display: flex;
		flex-wrap: nowrap;
	}


展开阅读全文

页面更新:2024-04-24

标签:宽度   序号   包裹   弹性   组件   表格   姓名   定义   年龄   效果   模式   标签

1 2 3 4 5

上滑加载更多 ↓
推荐阅读:
友情链接:
更多:

本站资料均由网友自行发布提供,仅用于学习交流。如有版权问题,请与我联系,QQ:4156828  

© CopyRight 2020-2024 All Rights Reserved. Powered By 71396.com 闽ICP备11008920号-4
闽公网安备35020302034903号

Top