移动端单据列表无法滚动,不能上滑加载更多数据,并且出现多个滚动条问题原创
5人赞赏了该文章
952次浏览
编辑于2023年02月09日 17:16:12
问题现象
如下图,单据列表无法滚动,不能上滑加载更多数据,并且在右侧出现了多个滚动条
当前设计器入下图:
解决方案
设置卡片布局容器,设置固定高度,调整压缩比例为0。
1.设置卡片布局容器压缩比例为0
2.调整卡片行的压缩比例
3.设置几个控件的压缩比例为0
4.单据列表扩展属性设置为1,并且设置一个高度值。
效果
可以滑动,并且右侧边栏也不会出现多个滚动条了
调整界面
上述界面由于设置了压缩比例,所以所有的控件都挤到一起,界面不美观。
做出以下调整:
调整背景色
调整内外边距
增加圆角
设置固定高度
最终效果如下:
注意事项
如果设置了单据列表的分页条数为5,如果5行卡片不能填充满整个列表界面,会导致列表界面无法滑动。
解决方案是 设置分页条数为20即可,因为移动端与PC端不同,没有分页工具栏,加载更多数据是通过上滑到底部来完成的,所以分页条数设置多少其实并无影响。