其他分享
首页 > 其他分享> > 自定义弹出框

自定义弹出框

作者:互联网

var layer = layui.layer;
var index = layer.confirm('确认删除吗',{
area:['460px','170px']
,closeBtn:0
,move:false
,offset:'t'
,title: '提示'
,btn: ['确定','取消']
,btn1:function(index,layero){
layer.close(index);
//TODO
}
,btn2:function (index,layero){
layer.close(index);
}
,success:function(layero){
var cancelBtn = layero[0].getElementsByClassName('layui-layer-btn')[0].getElementsByTagName('A')[1];
var confirmBtn = layero[0].getElementsByClassName('layui-layer-btn')[0].getElementsByTagName('A')[0];
layero[0].getElementsByClassName('layui-layer-btn')[0].getElementsByTagName('A')[1].className = 'layui-layer-btn0';
layero[0].getElementsByClassName('layui-layer-btn')[0].getElementsByTagName('A')[0].className = 'layui-layer-btn1';
$(".layui-layer-title").css("border-bottom","0px");
$(".layui-layer-title").css("background-color","#FFFFFF");
$(".layui-layer-content").css("overflow-y","hidden");
$(".layui-layer-content").css("height","32px");
$(".layui-layer-content").css("line-height","15px");
$(".layui-layer-btn0").css("background-color","#4986EA");
$(".layui-layer-btn0").css("border-color","#4986EA");
$(".layui-layer-btn0").attr("lay-id","0");
$(".layui-layer-btn1").attr("lay-id","1");
cancelBtn.href = 'javascript:void(0)';
cancelBtn.focus();
}
})

标签:index,layer,自定义,layui,弹出,btn,layero,css
来源: https://www.cnblogs.com/wulixuda/p/12503835.html