淺談layer彈出層按鈕顏色修改方法
更新時(shí)間：2019年09月11日 09:23:08 作者：wanlin77
今天小編就為大家分享一篇淺談layer彈出層按鈕顏色修改方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
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)按鈕和取消按鈕互換，如果只是簡單的把文字互換了，但是按鈕的顏色還是沒有變化。
這時(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...
}
});
//在頁面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é)果，但沒有去實(shí)驗(yàn)。
以上這篇淺談layer彈出層按鈕顏色修改方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了關(guān)于List.ToArray()方法的效率測試的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-09-09
JavaScript數(shù)據(jù)類型檢測實(shí)現(xiàn)方法詳解
Javascript中檢查數(shù)據(jù)類型一直是老生常談的問題,類型判斷在web開發(fā)中也有著非常廣泛的應(yīng)用,所以下面這篇文章主要給大家介紹了關(guān)于JS數(shù)據(jù)類型檢測的那些事,需要的朋友可以參考下2022-11-11
這篇文章主要介紹了ES10 特性的完整指南小結(jié)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-03-03
JavaScript頁面倒計(jì)時(shí)功能完整示例
這篇文章主要介紹了JavaScript頁面倒計(jì)時(shí)功能,結(jié)合完整實(shí)例形式分析了javascript計(jì)時(shí)器、時(shí)間運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下2019-05-05
這篇文章主要介紹了JS中input表單隱藏域及其使用方法講解，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-02-02
這篇文章主要幫助大家深入理解javascript模塊化，感興趣的小伙伴們可以參考一下2016-03-03
JavaScript?弱引用強(qiáng)引用底層示例詳解
這篇文章主要為大家介紹了JavaScript?弱引用強(qiáng)引用底層示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
url傳遞的參數(shù)值中包含&時(shí),url自動(dòng)截?cái)鄦栴}的解決方法
下面小編就為大家?guī)硪黄猽rl傳遞的參數(shù)值中包含&時(shí)，url自動(dòng)截?cái)鄦栴}的解決方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
EasyUi中的Combogrid 實(shí)現(xiàn)分頁和動(dòng)態(tài)搜索遠(yuǎn)程數(shù)據(jù)
jquery easyui中的combogrid比較特殊，算是combo和grid的組合，combogrid結(jié)合一個(gè)可編輯的文本框和下拉數(shù)據(jù)網(wǎng)格面板，可以讓用戶迅速找到并選擇，又可以進(jìn)行搜索，展示與當(dāng)前輸入的字符相匹配的數(shù)據(jù)。下面給大家介紹EasyUi中的Combogrid 實(shí)現(xiàn)分頁和動(dòng)態(tài)搜索遠(yuǎn)程數(shù)據(jù)2016-04-04
微信小程序云開發(fā)使用方法新手初體驗(yàn)，開發(fā)者可以使用云開發(fā)開發(fā)微信小程序、小游戲，無需搭建服務(wù)器，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-05-05