Layui表格如何显示图片或者图标

浏览664

Layui如何显示图片或者图标?这个很简单,可以使用 templet 自定义列模板,模板遵循 laytpl 语法。这是一个非常实用的功能,你可借助它实现逻辑处理,以及将原始数据转化成其它格式,如时间戳转化为日期格式,图片地址转成图片,图标显示等。

显示图片:{{ d.vod_pic }}为图片地址

{field: 'article_pic',title: '封面',width: 100,templet:'<div><img  src="{{ d.vod_pic }}" width="100%"></div>' },

显示图标:{{ d.icon }}为图标地址

 {field: 'icon',title: '图标',width: 100,templet:'<div><i class="fa {{ d.icon }}"></i></div>' },



  • 暂无任何回答