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博客

 

posted @ 2022-05-04 10:50  谜语+  阅读(220)  评论(0编辑  收藏  举报