layui实现图片展示

首先

layui实现图片展示

 

注意:这里需要注意的是,加入了templet,这里就是加入表单元素等模板。详情参考:

https://www.layui.com/doc/modules/table.html#templet

其中这个d代表的就是服务器返回的数据,ban_img是数据对应的字段名

这还不够,接下来的才是关键,因为此时此刻你的表格是这个样子的

 

layui实现图片展示

 

 

这个图片压根显示不全,可以这样来解决

 

layui实现图片展示

 

 

最终结果

layui实现图片展示

 

 

 如果觉得太别扭,可以自己改样式 例如:

layui实现图片展示

 

 这样就可以了!

layui实现图片展示

上一篇:Mark 一下折腾了一天的gradle sync failed


下一篇:N皇后的两种搜索方式