layer.open 图片显示不全
时间: 2023-11-23 21:57:27 浏览: 84
解决layUI的页面显示不全的问题
根据提供的引用内容,无法确定具体的问题原因。但是,可以根据代码推测可能的问题原因是图片的尺寸过大,导致无法完全显示在弹出层中。可以尝试修改弹出层的样式,将图片的宽度设置为100%以适应弹出层的宽度。具体的修改方法如下:
```javascript
var index = 0;
$(document).on('click', '.layui-layim-photos', function(){
var src = this.src; //图片地址
index = layer.open({
type: 1, //open的类型 1为页面层
shadeClose: true, //点击遮罩关闭
shade: "background-color: #000", //遮罩的颜色以及透明度(与官网不同)
content: '<div id="layui-layer-photos" style="width: 100%;"><img src="'+src+'" style="width: 100%; max-height: 100%;"/></div>' //修改图片的宽度和高度
});
});
//点击图片关闭大图
$(document).on('click', '#layui-layer-photos', function(){
layer.close(index);
});
```
阅读全文