Layui表格内放置图片，并点击放大__一蓑烟雨任平生

最新推荐文章于 2024-09-15 11:38:25 发布

一蓑烟雨任平生√

最新推荐文章于 2024-09-15 11:38:25 发布

阅读量643

点赞数 1

分类专栏： html

本文链接：https://blog.csdn.net/Jaeger_Java/article/details/110138891

版权

html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

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 + '">'
            });
        }