layui弹出框confirm自定义样式

增加skin参数,自定义皮肤样式。

layer.confirm(content,{btn:btn,
		skin:'hbk-class',
					area: ['500px', '300px'],
					btn1:function(index){
							console.log("点击了我知道了");
							var id = res.data[0].id;
							console.log("id="+id);
							// 更新消息状态
							$.ajax({
								url:ctx+"sys/msg/readMsg/"+id,
								type:'post',
								dataType:'json',
								success:function(res){
									console.log("更新状态成功");
									console.log(res);
									layer.close(index);
								},error:function(err){
									console.log("更新状态失败");
									console.log(err);
								}
							});
					},btn2:function(){
							console.log("点击了取消");
				},title:title});

我重新改变了按钮的颜色,标题栏的背景色,以及关闭按钮的颜色。效果图如下:

layui弹出框confirm自定义样式_第1张图片
本来想修改关闭按钮的颜色,发现是自带的图片icon.png
layui弹出框confirm自定义样式_第2张图片

你可能感兴趣的:(Layer,layui)