lazyload

性能更优越的小程序懒加载库

install

链接下载

Usage

//page.jsimportlazyLoadfrom'../../libs/lazyload';letlazyload;Page({data: {img: []},onLoad: function(){lazyload=newlazyLoad(this,{classNote: '.item-',//循环节点classinitNum: 5,//初始化展示多少个节点limit: 5//每次加载多少个节点})},onReady: function(){lazyload.observe();},})

初始化完成之后会在data添加__LAZT_LOAD_COUNT字段，用来标识当前加载到第几张图，业务方自行判断节点挂载，例如

//page.wxml
<view><viewwx:for="{{img}}" class="item-{{index}}"><imagestyle="display: {{index < __LAZT_LOAD_COUNT + 1 ? 'block' : 'none'}}" src="{{item}}"></image></view></view>