z-paging是在uniapp 中的一个插件,app有时候用官方给的 scroll-view这个组件时候,会有些卡,但是用z-paging能很好的兼容,下拉刷新和到底部加载更多文档上面都有。就不多说了。
直奔主题,上代码
<z-paging
ref="paging"
@query="dropDown"
:safe-area-inset-bottom="false"
:style="{ top: bottomBoxHeight + 'px' }"
>
<template #refresher="{refresherStatus}">
<image class="updateLoading" :status="true"
src="图片链接"></image>
</template>
</z-paging>
只需要把这个模板插入在 z-paging组件中,就能实现下拉时自定义的图片了。
<template #refresher="{refresherStatus}">
<image class="updateLoading" :status="true"
src="图片链接"></image>
</template>
具体位置在官方文档的slot中可以看到。像直接更换图片这种,直接用这个就可以了