Layui表格内放置图片,并点击放大
HTML页面:
{ field: 'imageUrl', title: '项目图片', templet: function (d) { return '<img onclick="showimg(this)" id="driimg" style="display: inline-block; width: 50%; height: 100%;" src="' + d.imageUrl + '">'; } },
JS代码:
window.showimg = function (t) { //页面层 layer.open({ type: 1, title: false, closeBtn: 0, area: '516px', skin: 'layui-layer-nobg', //没有背景色 shadeClose: true, content: '<img style="display: inline-block; width: 100%; height: 100%;" src="' + t.src + '">' }); }
转载博客:(19条消息) Layui表格内放置图片,并点击放大__一蓑烟雨任平生_一蓑烟雨 任平生的博客-CSDN博客