官方文档只提供了公用属性控制放大缩小按钮,没有单独控制的属性即 maxmin - 最大最小化 ,设置为true,因项目需求不需要显示放大按钮,只需要缩小和关闭,在缩小还原和成功以及加载的时候对按钮进行显隐控制,因为还原按钮和放大按钮都用的一个class,所以对此进行处理
layer.open({
title: '退回',
id: "back",//设置唯一值,只允许弹出一个
type: 2,
maxmin: true,
shade: 0,
skin: 'layui-layer-lan',
area: ['430px', '430px'],
content: './back-info.html?currentId=' + currentId + '&isIndex=' + isIndex + '&taskId=' + checkData.taskId,
success: function (layero) {
layero.find('.layui-layer-max').hide(); //加载成功隐藏最大化按钮
},
min: function (layero, index) {
setTimeout(function () {
//调整缩小后的弹框位置到右上角
layero.css({'left': 'inherit', 'right': '20px', 'top': '110px'})
//缩小时显示还原按钮,因为还原按钮和放大按钮是同一个class名
layero.find('.layui-layer-max').show();
})
},
restore: function (layero) {
layero.find('.layui-layer-max').hide(); //还原时隐藏最大化按钮
}
打开后的效果
缩小后的效果