layui layer弹框 去除右上角放大按钮只留缩小按钮,

官方文档只提供了公用属性控制放大缩小按钮,没有单独控制的属性即 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(); //还原时隐藏最大化按钮
                    }

打开后的效果

layui layer弹框 去除右上角放大按钮只留缩小按钮,_第1张图片 

  缩小后的效果

你可能感兴趣的:(layui,前端,javascript)