直接上代碼：
參考：http://www.cnblogs.com/zishang91/p/8507485.html

小程序靜態(tài)頁面代碼

<scroll-view class="container" scroll-y style="padding-top:0">  
  <view wx:for="{{img}}" class="list-item" wx:key="index"> 
    <image class="list-img" lazy-load src="{{lazyloadArr[index] ? item : '/images/default.png'}}"></image>
    <view>圖片{{index}}</view>
  </view>
</scroll-view> 

App.js

//app.js
App({
  onLaunch: function () {
    var _this = this;
    wx.getSystemInfo({
      success: function(res) {
        _this.globalData.windowWidth = res.windowWidth;
        _this.globalData.windowHeight = res.windowHeight;

      },
    })
  },
  globalData: {
    userInfo: null,
    windowWidth: 0,
    windowHeight: 0,
  }
})

JS代碼

//index.js
//獲取應(yīng)用實(shí)例
const app = getApp()

Page({
  data: {
    img: [
      "https://picsum.photos/500/300?image=100",
      "https://picsum.photos/500/300?image=101",
      "https://picsum.photos/500/300?image=102",
      "https://picsum.photos/500/300?image=103",
      "https://picsum.photos/500/300?image=104",
      "https://picsum.photos/500/300?image=106",
      "https://picsum.photos/500/300?image=107",
      "https://picsum.photos/500/300?image=108",
      "https://picsum.photos/500/300?image=109",
      "https://picsum.photos/500/300?image=110",
      "https://picsum.photos/500/300?image=111",
      "https://picsum.photos/500/300?image=112",
      "https://picsum.photos/500/300?image=113",
      "https://picsum.photos/500/300?image=114",
      "https://picsum.photos/500/300?image=115",
      "https://picsum.photos/500/300?image=116",
      "https://picsum.photos/500/300?image=117",
      "https://picsum.photos/500/300?image=118",
      "https://picsum.photos/500/300?image=119",
      "https://picsum.photos/500/300?image=120",
      "https://picsum.photos/500/300?image=121",
      "https://picsum.photos/500/300?image=122",
      "https://picsum.photos/500/300?image=123",
      "https://picsum.photos/500/300?image=124",
      "https://picsum.photos/500/300?image=126",
      "https://picsum.photos/500/300?image=127",
      "https://picsum.photos/500/300?image=128",
      "https://picsum.photos/500/300?image=129"
    ],
    lazyloadArr: [],
    lazyloadHeightArr: [],
  },
  onLoad: function() {
    let _this = this;
    let _arr = _this.data.lazyloadArr;
    let _imgArr = _this.data.img;
    _imgArr.forEach(function(item,index) {
      _arr.push(false);
    })
    _this.setData({
      lazyloadArr: _arr
    })
  },
  onReady: function () {
    let _this = this;
    setTimeout(function() {
      _this.getRect()
    }, 1000)
  },
  getRect: function() {
    var _this = this;
    wx.createSelectorQuery().select('.list-item').boundingClientRect(function(rect) {
      _this.setData({
        itemHeight: rect.height
      })
      _this.init(rect.height)
    }).exec();
  },
  init: function(itemHeight) {
    let _this = this;
    let _arr =  _this.data.lazyloadArr;
    let _arrHeight = _this.data.lazyloadHeightArr;
    let index = parseInt(app.globalData.windowHeight / itemHeight);
    // 獲取未滾動(dòng)時(shí)整屏顯示的行數(shù)，每行有兩個(gè)，故 *2 這屏的先加載
    for(let i = 0; i < index * 2; i++) {
      _arr[i] = true
    }

    // 遍歷每個(gè)圖片相對(duì)于頂部的高度
    for(let i = 0; i < _arr.length; i++) {
      _arrHeight[i] = Math.floor(i) * (itemHeight + 10)
    }

    _this.setData({
      lazyloadArr: _arr,
      lazyloadHeightArr: _arrHeight
    })
  },

  onPageScroll: function(e) {
    let _this = this;
    let _arrHeight = _this.data.lazyloadHeightArr;
    let _arr = _this.data.lazyloadArr;

    for(let i = 0; i < _arrHeight.length; i++) {
      if(_arrHeight[i] < e.scrollTop + app.globalData.windowHeight) {
        if(_arr[i] === false) {
          _arr[i] = true;
        }
      }
    }

    _this.setData({
      lazyloadArr: _arr
    })

  },
  
})

如果需要翻頁的話：
在調(diào)用接口返回成功中寫入如下代碼

let dataList= res.data.data.dataList;
// 懶加載
let _arr = _this.data.lazyloadArr;
let _arrHeight = _this.data.lazyloadHeightArr;

// 懶加載
dataList.forEach(function(item,index) {
  _arr.push(false);
})
let itemHeight = _this.data.itemHeight;
// 遍歷每個(gè)圖片相對(duì)于頂部的高度
for(let i = 0; i < _arr.length; i++) {
  _arrHeight[i] = Math.floor(i) * (itemHeight + dataList.length)
}

_this.setData({
  list: dataList,
  lazyloadArr: _arr, // 懶加載數(shù)組
  lazyloadHeightArr: _arrHeight, // 懶加載高度數(shù)組
})