img layui 流_layui流加载及传参

您好，关于 layui 的流加载和传参，可以参考以下步骤：

1. 在 HTML 页面中引入 layui 和 jQuery 库：

<link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.6/css/layui.min.css">
<script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/layui/2.5.6/layui.all.min.js"></script>

2. 在 HTML 页面中定义一个容器，用于显示流加载的内容：

<div id="demo"></div>

3. 在 JavaScript 中定义流加载的配置项，并使用 layui 的 flow 模块进行初始化：

layui.use('flow', function(){
  var flow = layui.flow;

  flow.load({
    elem: '#demo', // 容器的选择器
    done: function(page, next){ // 每次加载的回调函数，page 表示当前页码，next 是加载下一页的函数
      // 数据的异步请求
      $.get('/api/list?page=' + page, function(res){
        var html = '';
        layui.each(res.data, function(index, item){
          // 拼接每个数据项的 HTML
          html += '<div>' + item.title + '</div>';
        });
        // 将拼接好的 HTML 插入到容器中
        next(html, page < res.total);
      });
    }
  });
});

4. 在异步请求的 URL 中传递参数，并在服务器端进行处理，返回相应的数据。

以上是一个简单的 layui 流加载及传参的示例，您可以根据自己的实际需求进行修改和扩展。