v1.2以下

1.说明

开发不易，能给插件一个好评**吗，拜托了！

监听scroll-view标签中的scroll事件，实现图片懒加载。
请尽快更新版本

2.下载地址

github: https://github.com/2460392754/uniapp-tools/tree/master/lazyLoad
dcloud: https://ext.dcloud.net.cn/plugin?id=495

3.全局参数(setConfig)

参数列表

demo

import lazyLoad from "@/utils/lazyLoad.js";
lazyLoad.setConfig({
  loading: "/static/loading.png", // 加载完成之前的替代图片
  error: "/static/error.png", // 加载错误的替代图片，
  preLoadHeight: 100 // 预加载图片
});

4.完整demo

<template>
    <view class='index-page'>
        <scroll-view id="scroll"
                     :scroll-y="true"
                     @scroll="scroll">
            <v-lazyLoad src="/static/img1.jpg"
                        mode="widthFix"></v-lazyLoad>
            <v-lazyLoad src="/static/img2.jpg"
                        mode="widthFix"></v-lazyLoad>
            <v-lazyLoad src="/static/img3.jpg"
                        mode="widthFix"></v-lazyLoad>
            <v-lazyLoad src="/static/img4.jpg"
                        mode="widthFix"></v-lazyLoad>
            <v-lazyLoad src="/static/img5.jpg"
                        mode="widthFix"></v-lazyLoad>
        </scroll-view>
    </view>
</template>
<script>
import lazyLoad from "../../utils/lazyLoad"
import VLazyLoad from "../../components/lazyLoad"
export default {
    methods: {
        scroll (e) {
            lazyLoad.scroll(); // 监听滚动条事件
        }
    },
    mounted () {
        lazyLoad.init("#scroll"); // 填写scroll-view标签id，初始化插件
    },
    components: {
        VLazyLoad
    }
}
</script>
<style>
#scroll {
    height: 700px; /* 需要给scroll-view设置高度 */
}
.index-page >>> .img-lazyLoad image {
    width: 100px;
}
</style>