layui flow loading占位图实现方法

Posted 杨治中

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了layui flow loading占位图实现方法相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="layui/css/layui.css" media="all">

</head>
<body>
<img lay-src="loadingImg/aaa.jpg">
<img src="loadingImg/bbb.jpg" alt="该图片不会加载">
<!--ddd.jpg 图片不存在-->
<img src="loadingImg/ddd.jpg">
<img src="loadingImg/loading.gif" lay-src="ddd.jpg">
<img src="loadingImg/loading.gif" lay-src="loadingImg/aaa.jpg">

<script src="layui/layui.js"></script>
<script type="text/javascript">
    var $;
    layui.use(['flow', 'jquery'], function () 
        var flow = layui.flow;
        $ = layui.jquery;
        flow.lazyimg();
    );
</script>
</body>
</html>

以上是关于layui flow loading占位图实现方法的主要内容,如果未能解决你的问题,请参考以下文章

layui flow loading占位图实现方法

关于layui flow loading占位图的实现方法

layui图片懒加载-loading占位图

layui——flow组件常见用法总结

layui——flow组件常见用法总结

Skeleton Screen加载占位图(内容出现前显示灰色占位图)的分析与实现