美文网首页
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