2.新增virtual-cell-id-prefix:虚拟列表cell id的前缀,适用于一个页面有多个虚拟列表的情况,用以区分不同虚拟列表cell的id。 3.修复在vue3+(微信小程序或QQ小程序)中,使用非内置列表写法时,若z-paging在swiper-item标签内的情况下存在的无法获取slot插入的cell高度的问题。 4.修复在虚拟列表中分页数据小于1页时...
在Z-Paging中实现虚拟列表的兼容写法可以参考以下步骤: 1.下载Z-Paging组件:在DCloud插件市场中搜索并下载Z-Paging组件,解压后将其重命名为z-paging,放入项目的uni_modules目录中。 2.引入Z-Paging组件:在需要使用虚拟列表的页面中,通过import引入Z-Paging组件。 3.配置Z-Paging组件:在页面的data中配置Z-Paging组...
2.即便是使用了,虚拟列表,默认也会一直显示120条列表,这样还是会卡。而且,来回的列表高度计算,以及滚动监听,也会增加内存的开销,导致卡顿。 3.下拉刷新的时候,会出现页面回弹的抖动。这是zpaging官方自己说的。这种体验,显然不好。 为了解决zpaging的问题,为了极致的优化。最好的使用姿势是。 1.我们假设,超过50...
subTitle: '写法麻烦,而且需要手动修改`z-paging`源码,所有渲染cell写在相同组件内,不易维护,在vue2中兼容性很好,但非必须不建议使用' }, { title: '虚拟列表+吸顶演示(一般写法)', file: 'virtual-list-sticky-demo', subTitle: '其他虚拟列表+吸顶写法与一般写法类似,主要是通过监听@virtualTopHeightChange...
edited 编译平台 HbuilderX VUE版本 vue3 运行平台 h5、APP z-paging版本 2.7.9 问题描述 当zpaging设置虚拟列表,并给某个view添加上sticky属性,且进入前面的盒子隐藏的数量临界点时,sticky盒子会因为zp-paging-container-content style中的transform: translateY( xxxx px);被影响导致sticky:0;失效 ...
z-paging组件会固定一个高度,并在其内部使用scroll-view来管理滚动。 下拉刷新和上拉加载更多的行为都被限制在z-paging组件的范围内。 性能上,可能会受到scroll-view性能的限制,特别是在处理大量数据时。 当use-page-scroll为true: z-paging组件不再固定高度,而是随页面内容滚动而滚动。 下拉刷新和上拉加载更多的...
z-paging-empty-view.vue vedio/components/z-paging-empty-view/z-paging-empty-view.vue +5 -9 z-paging-load-more.vue vedio/components/z-paging/components/z-paging-load-more.vue +139 -0 z-paging-refresh.vue vedio/components/z-paging/components/z-paging-refresh.vue +271 -0 index.js ...
@scrolltolower z-paging内置的scroll-view滚动底部时触发 来源(toBottom滚动到底部;click点击了加载更多view) @scrolltoupper z-paging内置的scroll-view滚动顶部时触发 - @scrollend 2.7.3 z-paging内置的list滚动结束时触发 (仅nvue有效) event = {contentSize(列表的内容尺寸) = {width, height}, contentOffset...
#基本使用 选项式api(vue2/3) 组合式api(vue3) <template><z-pagingref="paging"v-model="dataList"@query="queryList"><!-- z-paging默认铺满全屏,此时页面所有view都应放在z-paging标签内,否则会被盖住 --><!-- 需要固定在页面顶部的view请通过slot="top"插入,包括自定义的导航栏 --><viewclass="...