SmileZXLee / uni-z-paging

【uni-app下拉刷新、上拉加载】高性能,全平台兼容。支持vue、nvue、vue2、vue3,使用wxs+renderjs实现。支持虚拟列表,支持自定义下拉刷新、上拉加载更多,支持自动管理空数据图、点击返回顶部,支持聊天分页、本地分页,支持国际化等100+项配置
https://z-paging.zxlee.cn
MIT License
871 stars 69 forks source link

关于Z-paging全屏模式的一个问题咨询 #132

Closed ladmini closed 4 months ago

ladmini commented 4 months ago

你好,看了你的库,我觉得还是非常强大的。我的项目是一个基于vue3 + uniapp的微信小程序项目,目前我在我的项目里面用到了它,但是使用过程中遇到了一点问题,也不知该怎么继续,想咨询一下,我的问题如下: 看了示例,Zpaging都是那种tab+分页列表的示例,我的项目有一点点区别,它包含了2个tab,实时测量历史记录,实时测量它是固定的几行数据,所以不需要具备下拉和上拉能力,历史记录是一个动态的列表,所以需要包含下拉和上拉能力,如下图所示

截屏2024-05-10 22 29 03 截屏2024-05-10 23 01 48

所以我把红框框住的部分分别做成了2个子component,原因是其它很多模块都需要复用这个框架,不同的模块,我只需要替换这两个子component。基于上面的需求,我不能把header部分(蓝牙选择和section分段)放在z-paging的<template #top>里面,所以我把header单独拿出来,并设置了position: fixed,只在历史记录的子component里面添加了<z-paging>xxx</z-paging>, 但是现在的问题是页面上一片空白,我在空白区域下拉和上拉也不见任何反应。我尝试设置了use-page-scroll :fixed="false" height="300px"defineExpose({ ...useZPagingComp(paging) })等好像也没有什么变化。

所以我现在的问题是,像我这个需求z-paging能满足吗?如果可以能否给一点提示?期盼回复,非常感谢!

SmileZXLee commented 4 months ago

z-paging支持局部滚动,也就是红框的需要使用z-paging放置z-paging组件就好,需要留意z-paging局部滚动::fixed="false"的情况需要设置高度,并且不需要设置use-page-scroll。如果都设置了页面还是空白,可能是queryList函数中没有请求列表数据或者是请求列表数据后complete没有调用,可以检查元素一下看看z-paging是否放在了需要的地方。

ladmini commented 4 months ago

那太好了,我这边继续调查一下,如果解决了我再来关闭这个issue,非常感谢!

SmileZXLee commented 4 months ago

好的,不客气!~

ladmini commented 4 months ago

非常感谢,很强大,已经搞定了! IMG_4704