layer彈出層按鈕顏色修改

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也應該是一樣的結果,但沒有去實驗。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章