layer彈出層有多種格式的彈出,使用方法也不細述。
在彈出確認框可使用confirm或open方式
在open中
layer.open({
content: '確認提交?',
btn: ["確認", "取消"],
yes: function (index) {
somefunciton...
layer.close(index)
},
btn2: function (index) {
}
});
layer中確認按鈕在第一個位置,展示也是按順序展示 如果和自己項目中的風格不一致,需要把確認按鈕和取消按鈕互換,如果只是簡單的把文字互換了,但是按鈕的顏色還是沒有變化。 這時我們需要做的有:1:變更按鈕順序,2:修改回調函數,3:修改按鈕的顏色
layer.open({
skin: 'demo-class',
content: '確認提交?',
btn: ["取消", "確認"],
yes: function (index) {
layer.close(index)
},
btn2: function (index) {
somefunciton...
}
});
//在頁面style中定義按鈕css樣式
<style>
body .demo-class .layui-layer-btn0{
border-color: #E6E3E6;
background-color: #FFF;
color: black;
}
body .demo-class .layui-layer-btn1{
border-color: #4898d5;
background-color: #2e8ded;
color: #fff;
}
</style>
這樣調用就可以實現了,confirm的底層實現也是open方式,所以confim也應該是一樣的結果,但沒有去實驗。