前言
使用layui的圖片懶加載，發現未加載的圖片沒有loading占位圖，顯示的是裂圖，看着不是很好。找了一些解決方法我統一記錄一下。
layui圖片懶加載使用方法
1 layui.use(’flow’, function(){ 2 var flow = layui.flow; 3 //當你執行這樣一個方法時，即對頁面中的全部帶有lay-src的img元素開啟了懶加載（當然你也可以指定相關img） 4 flow.lazyimg(); 5 }); 6 <img lay-src="aaa.jpg"> 7 <img src="bbb.jpg" alt="該圖不會懶加載"> 8 <img lay-src="ccc.jpg">
loading占位圖實現方法
img標簽src為loading占位圖的地址，lay-src為正圖地址，圖片懶加載時會替換src
<img src="loading.gif" lay-src="img.jpg">修改js
lay/modules/flow.js 檢索 &&!e.attr("src")
有三種修改方法
1.刪除&&!e.attr("src")
2.改為&&e.attr("lay-src")
3.改為&&!e.attr("lay-src")
我這里用的第二種 其他的我也試了可以實現，你們自行測試
提供幾個loading.gif
原文章地址:
https://www.wanpishe.top/detail?blogId=fc9209e6-6c90-4eac-9019-e64c643cc988