美文网首页
layer弹出图片大小自适应

layer弹出图片大小自适应

作者: 哎哟我去 | 来源:发表于2019-07-17 17:28 被阅读0次
//监听单元格事件,点击认证按钮出现对应认证图片
            table.on('tool(dataTable)', function (obj) {

                if (obj.event === 'checkYishou') {
                    //整行数据
                    var data = obj.data;

                    var img = new Image();
                    //图片地址
                    img.src = data.yishou_path;
                    if (img.complete) {
                        var areaW = img.width;
                        var areaH = img.height;
                        showImg(areaW, areaH, data);

                    } else {
                        img.onload = function () {
                            var areaW = img.width;
                            var areaH = img.height;
                            showImg(areaW, areaH, data);
                        }
                    }
                }

                //显示认证图片
                function showImg(w, h, data) {
                    var setting = {
                        type: 1,
                        title: false,
                        offset: 'auto',
                        area: [w, h],
                        closeBtn: 0,
                        skin: 'layui-layer-nobg', //没有背景色
                        shadeClose: true,
                        shade: 0.6, //遮罩透明度
                        content: '<img src="' + data.yishou_path + '" alt="一手认证">'
                    };
                    layer.open(setting);
                }
            });

相关文章

网友评论

      本文标题:layer弹出图片大小自适应

      本文链接:https://www.haomeiwen.com/subject/hksclctx.html