uniapp [全端兼容] - 详细实现列表上拉懒加载及“到底了“功能示例，数据列表下拉滑动页面触底后请求接口懒加载数据，自动计算分页/总条数、判断分页懒加载是否继续请求接口数据，以及数据没有了提醒！

### UniApp 中图片懒加载的优点 #### 提升页面性能 图片懒加载可以显著提升页面首次加载速度。通过延迟非视口内图片的加载，减少了初始HTTP请求的数量和大小，从而加快了首屏展示的速度[^1]。 #### 减少带宽消耗 对于移动设备而言，网络流量是一个重要考量因素。采用懒加载技术只在需要时才下载并显示图像，这有助于降低数据传输量，进而节约用户的流量费用[^4]。 #### 改善用户体验 当用户滚动浏览网页或应用界面时，只有进入可视区域内的图片才会被加载出来，这样不仅提高了交互流畅度，还避免了一次性加载过多资源造成的卡顿现象，提供更加平滑自然的操作体验[^3]。 #### 节省服务器资源 由于并非所有图片都会立即获取到客户端侧，因此减轻了服务器端的压力，降低了并发访问次数以及存储读取频率，有利于保持服务稳定性和高效运作[^2]。 ```html <template> <image lazy-load :src="imgSrc"></image> </template> <script> export default { data() { return { imgSrc: 'https://example.com/image.jpg' } } } </script> ```