BeforeMount
BeforeMount
  • 发布:2024-05-16 17:57
  • 更新:2024-05-20 11:09
  • 阅读:370

#插件讨论# 【 【z-paging下拉刷新、上拉加载】高性能,全平台兼容。支持虚拟列表,分页全自动处理 - 照相 】分类页交互没有思路,向各位佬寻求一下帮助

分类:uni-app

!
https://asa-s-test.oss-cn-beijing.aliyuncs.com/web-pc/835d5723694be6b8d3a41161f18c6fce_20240516316499.mp4
想抄一下这个交互 不太会 向各位佬寻求一下帮助
上面是一级分裂 左边是二级分类 sticky还有三级分类
这种分类页 数据量大的情况一般怎么做

比如说他左边分类反10个 右边产品可能一个分类有500条
要是口直接拿回来二级分类所有产品 用虚拟列表的话 他点三级分类 可能元素在虚拟 没有实体 如何跳转锚点 要是动态算高度 我感觉得把人算没了
要是接口分页的形式 点三级分类 我感觉更没有办法跳

另外上拉进入下一分类这个交互
后端要是把所有分类下的品返回来不现实
现在的口是右边产品通过分页拉的
我在app上试 如果最后一页拉接口的时候不满一页 就会触发scrolltolower 不需要滚动到底才能触发 小程序上是滑到底才触发
我现在的方发是在loadingStatusChange里看加载状态得到个noMore的变量 然后在scrolltolower做处理
建了个reachBottomTag为0 0拉到当页数据不满20 变为1 滑动到底变为2(这块是防触底直接进到下一分类操作不了产品) 再次滑动变为3 (3为进入下一分类)但是效果也不太好

另外的场景是二级分类下产品数量少 不满一屏 paging complate(list)后 就相当于没有更多 没法滑动触底到下一分类(这块让我强行顶高度到底部去触发触底,效果也不太好)

还有个场景是上划到上一个分类 因为口是分页的 上划到上一个分类的最后一页 我感觉也很难处理

希望有实现比较好的demo可以看下 或者实现思路分享下

2024-05-16 17:57 负责人:无 分享
已邀请:
照相

照相

暂时无法完美解决,后续版本会提供较完善的方案

要回复问题请先登录注册