溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
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也應該是一樣的結果，但沒有去實驗。
以上這篇淺談layer彈出層按鈕顏色修改方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
