淺談layer彈出層按鈕顏色修改方法
更新時間：2019年09月11日 09:23:08 作者：wanlin77
今天小編就為大家分享一篇淺談layer彈出層按鈕顏色修改方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
layer彈出層有多種格式的彈出，使用方法也不細述。
在彈出確認(rèn)框可使用confirm或open方式
在open中
layer.open({
content: '確認(rèn)提交？',
btn: ["確認(rèn)", "取消"],
yes: function (index) {
somefunciton...
layer.close(index)
},
btn2: function (index) {
}
});
layer中確認(rèn)按鈕在第一個位置，展示也是按順序展示
如果和自己項目中的風(fēng)格不一致，需要把確認(rèn)按鈕和取消按鈕互換，如果只是簡單的把文字互換了，但是按鈕的顏色還是沒有變化。
這時我們需要做的有：1：變更按鈕順序，2：修改回調(diào)函數(shù)，3：修改按鈕的顏色
layer.open({
skin: 'demo-class',
content: '確認(rèn)提交？',
btn: ["取消", "確認(rèn)"],
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>
這樣調(diào)用就可以實現(xiàn)了，confirm的底層實現(xiàn)也是open方式，所以confim也應(yīng)該是一樣的結(jié)果，但沒有去實驗。
以上這篇淺談layer彈出層按鈕顏色修改方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
直接拿來用的頁面跳轉(zhuǎn)進度條JS實現(xiàn)
這篇文章主要為大家分享了一款直接拿來用的頁面跳轉(zhuǎn)進度條，由javascript實現(xiàn)，可以直接跳轉(zhuǎn)到相應(yīng)頁面，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-01-01
bootstrap中的 form表單屬性role="form"的作用詳解
這篇文章主要介紹了bootstrap中的 form表單屬性role="form"的作用詳解,非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-01-01
這篇文章主要介紹了JavaScript接口實現(xiàn)方法,結(jié)合實例形式詳細分析了JavaScript接口實現(xiàn)原理、操作步驟與相關(guān)注意事項,需要的朋友可以參考下2020-05-05
在web前端開發(fā)中,性能優(yōu)化一直是一個非常重要的話題,JavaScript中延遲加載的方式有很多種,本文就來介紹了javascript中延遲加載的7種方法實現(xiàn),具有一定的參考價值,感興趣的可以了解一下2025-01-01
使用微信內(nèi)嵌H5網(wǎng)頁解決JS倒計時失效問題
最近參考項目開發(fā)，遇到這樣一個需求將H5商城頁面嵌套到公司微信公眾號里，在開發(fā)遇到一個棘手的問題，js倒計時失效問題，怎么回事呢？下面說下我使用微信內(nèi)嵌h5解決的這一問題，需要的朋友參考下吧2017-01-01
JS復(fù)制對應(yīng)id的內(nèi)容到粘貼板（Ctrl+C效果）
這篇文章主要給大家介紹了利用JS實現(xiàn)復(fù)制指定對應(yīng)id的內(nèi)容到粘貼板（Ctrl+C效果）,文中給出了詳細的介紹和示例代碼，有需要的朋友可以參考借鑒，下面來一起看看吧。2017-01-01
滑動錨點挺有意思的,可增加一些瀏覽性,下面這篇文章主要給大家介紹了關(guān)于js錨點、操作滾動條滑動scroll的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-03-03
這篇文章主要介紹了javascript定時器完整實現(xiàn)方法,以實例形式分析了定時器的嵌套調(diào)用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
二維碼作為現(xiàn)代信息傳遞的重要工具,其黑白色調(diào)一直是其標(biāo)志性特征,然而,有時我們可能希望個性化定制二維碼的顏色,以適應(yīng)特定設(shè)計需求或提高可識別性,在這篇文章中,我們將深入探討如何使用Canvas技術(shù)修改二維碼的顏色,為二維碼添加更多創(chuàng)意和個性2023-11-11
在文章里小編給大家整理的是關(guān)于javascript數(shù)組的定義及操作的相關(guān)知識點，需要的朋友們學(xué)習(xí)下。2019-11-11