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(); //还原时隐藏最大化按钮
                    }

打开后的效果

 

  缩小后的效果

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值