layui 图片列表显示

以下是使用Layui展示图片列表的示例代码：

<table class="layui-table" lay-data="{url:'/api/getPicList', page:true, limit:10}" lay-filter="picList">
  <thead>
    <tr>
      <th lay-data="{field:'id', width:80}">ID</th>
      <th lay-data="{field:'picUrl', title:'图片链接', align:'center', templet:'#picTpl'}">图片</th>
    </tr>
  </thead>
</table>

<!-- 图片模板 -->
<script type="text/html" id="picTpl">
  <span id="pic_{{d.id}}">
    <img src="{{d.picUrl}}" style="width: 40px" lay-event="showPic">
  </span>
</script>

上述代码中，我们使用了Layui的表格组件`layui-table`来展示图片列表。其中，`lay-data`属性用于指定表格的数据源和分页信息，`lay-filter`属性用于指定表格的过滤器名称。

在表格的列定义中，我们使用了`templet`属性来指定图片列的模板。模板中使用了`{{d.id}}`和`{{d.picUrl}}`来引用当前行的数据，同时使用了`lay-event`属性来指定图片的点击事件。

在JavaScript代码中，我们使用了Layui的表格事件`table.on('tool(demo)', ...)`来监听图片的点击事件。在事件处理函数中，我们使用了Layui的图片展示工具`layer.photos({...})`来展示图片。