img layui 流_layui流加载及传参

好的，我可以为您解答关于 layui 流加载及传参的问题。

首先，layui 的流加载是通过 `laypage` 模块来实现的，需要先引入 `laypage.js` 文件。

在 HTML 中，可以通过以下方式来创建一个流加载的容器：

<div id="demo" class="layui-masonry"></div>

接着，需要在 JavaScript 中进行配置和调用：

layui.use(['laypage', 'jquery'], function(){
  var laypage = layui.laypage;
  var $ = layui.jquery;
  
  // 进行配置
  laypage.render({
    elem: '#demo', // 绑定元素
    limit: 12, // 每页显示的数量
    layout: ['prev', 'page', 'next'], // 显示的按钮
    jump: function(obj, first){
      // 发送请求获取数据
      $.ajax({
        url: '/api/getData',
        type: 'get',
        data: {
          page: obj.curr,
          limit: obj.limit
        },
        success: function(res){
          // 处理返回的数据
          var html = '';
          for(var i = 0; i < res.data.length; i++){
            html += '<div class="layui-masonry-item"><img src="' + res.data[i].imgUrl + '"></div>';
          }
          $('#demo').html(html);
        }
      });
    }
  });
});

在上述代码中，`laypage.render()` 方法用于渲染流加载，其中的 `elem` 参数是指定要绑定的元素，`limit` 参数是指定每页显示的数量，`layout` 参数是指定显示的按钮。

在 `jump` 回调函数中，通过发送 AJAX 请求来获取数据，并将数据渲染到页面中。其中，`obj.curr` 和 `obj.limit` 分别表示当前页码和每页显示的数量，可以将它们作为参数传递给后端接口来获取对应的数据。

希望这个回答对您有所帮助，如有不懂之处或其他问题，欢迎继续提问。