layeropen title 查看 content 查看弹窗的HTML代码 area 500px 400px success functionlayero index 补充代码将数据展示出来 var html = div机构号div contenteditable=true + datainstitution + divdiv;
可以通过遍历data.images数组,并在每次循环中创建一个<img>标签来显示多张图片。修改代码如下:
layer.open({
title: '查看',
content: '查看弹窗的HTML代码',
area: ['500px', '400px'],
success: function(layero, index){
var html = '<div>机构号:'+ data.institution +'</div>';
html += '<div>邮件号: ' + data.mailNumber + '</div>';
html += '<div>邮件描述: ' + data.describe + '</div>';
// 显示多张图片
if (data.images.length > 0) {
html += '<div>图片:</div>';
for (var i = 0; i < data.images.length; i++) {
html += '<img src="' + data.images[i] + '" style="width: 100px; height: 100px; margin-right: 10px;" />';
}
}
html += '<div>员工姓名: ' + data.username + '</div>';
html += '<div>状态(后台编辑): ' + data.state + '</div>';
html += '<div>上传时间: ' + data.date + '</div>';
$(layero).find('.layui-layer-content').html(html);
}
});
在上述代码中,我们通过遍历data.images数组来生成多个<img>标签,并设置每张图片的宽度、高度和右边距。这样就可以在弹出窗中显示多张图片了
原文地址: https://www.cveoy.top/t/topic/iYdt 著作权归作者所有。请勿转载和采集!