layui flow 流加载

layui的流加载，用于向下滑动再次获取数据

<div class="list2" style="margin-bottom: 40px;" id="demo">

<script>
layui.use('flow', function(){
      var $ = layui.jquery; //不用额外加载jQuery，flow模块本身是有依赖jQuery的，直接用即可。
      var flow = layui.flow;
      flow.load({
          elem: '#demo' //指定列表容器
          ,done: function(page, next){ //到达临界点（默认滚动触发），触发下一页
              var lis = [];
              //以jQuery的Ajax请求为例，请求下一页数据（注意：page是从2开始返回）
              $.post(ctx + 'api/policyInformation/wxList?page=' + page  + '&size=' + 7, function(res){
                  //假设你的列表返回在data集合中
                  layui.each(res.data, function(index, item){
                      var imgUrl = item.previewPath
                      if (!imgUrl) {
                          imgUrl = '/mobile/images/not_project.png'
                      }
                      var title = item.title
                      if (title.length > 16) {
                          var title = title.slice(0, 16) + "..."
                      }
                      lis.push(
                          '<div class="b1" id="item' + index +'">' +
                          '<div class="l1"><img src="'+ imgUrl +'" style="width: 100%; height: 100%;"></div>' +
                          '<div class="l2">' +
                          '<div class="p1">'+ title +'</div>' +
                          '<div class="p3" style="font-size: 14px;">了解详情</div>'+
                          '</div>'+
                          '</div>');
                      // 点击跳转
                      $(document).on('click', '#item' + index, function() {
                          window.location.href = ctx + 'wx/policyInformation/detail?id=' + item.id
                      })
                  });

                  //执行下一页渲染，第二参数为：满足“加载更多”的条件，即后面仍有分页
                  //pages为Ajax返回的总页数，只有当前页小于总页数的情况下，才会继续出现加载更多
                  next(lis.join(''), page < res.totalPages);
              });
          }
      });
  });
</script>