layer-mobile 修改弹框|询问框的样式

默认

修改样式

代码

layer.open({
		className: 'okQuery' // 修改样式添加这个参数
		,content: '请确认微信支付是否完成'
	    ,btn: ['已完成支付', '支付遇到问题，重新支付']
	    ,yes: function(index){
	    	console.log('yes');
	      	layer.close(index);
	      	location.href = '';
	    }
	    ,no: function(index){
	    	console.log('no');
	    	layer.close(index);
	    }
	});
1
2
3
4
5
6
7
8
9
10
11
12
13
14

/* 弹窗内容、确认btn、取消btn */
body .okQuery .layui-m-layercont {
	font-size: 20px;
}
body .okQuery .layui-m-layerbtn span[yes] {
	color: #fff;
	background-color: #3388ff;
	font-size: 16px;
}
body .okQuery .layui-m-layerbtn span[no] {
	color: #fff;
	background-color: #D8D8D8;
	font-size: 16px;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14