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