layui中的layer彈出層自定義樣式更改背景
layui中的layer彈出層有很多提示框，但是我們使用最多的應(yīng)該就幾種，layer.msg、layer.alert、layer.open、layer.load等。layer有內(nèi)置的skin：layui-layer-lan，layui-layer-molv，可以直接使用。skin不僅允許你傳入layer內(nèi)置的樣式class名，還可以傳入您自定義的class名。如果想要更換想要的樣式，可以選擇自定義skin屬性。
javascript中自定義skin示例
比如layer.open中使用skin，javascript中調(diào)用：
layer.open({
type: 1,
title: '變化詳情',
shadeClose: true,
shade: 0.8,
skin: 'layer_bg', //layer_bg是自定義的css樣式
area: ['1000px', '600px'],
content: html, //html是之前寫(xiě)好的彈出層html代碼的字符串
});skin: 'layer_bg', //layer_bg是自定義的css樣式
css樣式示例
格式是固定的：'body'+自定義的class名+需要修改的彈出層部分的class名。
layer彈窗頭部樣式
body .layer_bg .layui-layer-title{
background: #ff0000;
color:#fff;
}layer彈窗內(nèi)容樣式
body .layer_bg .layui-layer-content{
background-color: #eaf3fd;
}layer彈窗關(guān)閉按鈕樣式
body .layer_bg .layui-layer-setwin{
color:#fff;
}到此這篇關(guān)于layui中的layer彈出層自定義樣式更改背景的文章就介紹到這了,更多相關(guān)layer彈出層自定義樣式內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Modernizr是一個(gè)開(kāi)源的JS庫(kù)，它使得那些基于訪客瀏覽器的不同（指對(duì)新標(biāo)準(zhǔn)支持性的差異）而開(kāi)發(fā)不同級(jí)別體驗(yàn)的設(shè)計(jì)師的工作變得更為簡(jiǎn)單2015-05-05
typescript類(lèi)型體操及關(guān)鍵字使用示例詳解
這篇文章主要為大家介紹了typescript類(lèi)型體操及關(guān)鍵字使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-11-11
layui中的layer彈出層有很多提示框，但是我們使用最多的應(yīng)該就幾種，layer.msg、layer.alert、layer.open、layer.load等。layer?有內(nèi)置的skin：layui-layer-lan，layui-layer-molv，可以直接使用。skin不僅允許你傳入layer內(nèi)置的樣式class名，可以自定義class名。2023-06-06
TypeScript配置文件之compilerOptions配置過(guò)程
這篇文章主要介紹了TypeScript配置文件之compilerOptions配置過(guò)程,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2025-05-05
TypeScript 基礎(chǔ)數(shù)據(jù)結(jié)構(gòu)哈希表 HashTable教程
這篇文章主要為大家介紹了TypeScript 基礎(chǔ)數(shù)據(jù)結(jié)構(gòu)哈希表 HashTable教程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
使用typeScript 進(jìn)行扁平化數(shù)據(jù)轉(zhuǎn)樹(shù)實(shí)現(xiàn)demo
這篇文章主要介紹了使用typeScript 進(jìn)行扁平化數(shù)據(jù)轉(zhuǎn)樹(shù)實(shí)現(xiàn)demo，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
如何解決tsconfig.json配置不生效的問(wèn)題
這篇文章主要介紹了如何解決tsconfig.json配置不生效的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2025-05-05
自動(dòng)生成typescript類(lèi)型聲明工具實(shí)現(xiàn)詳解
這篇文章主要為大家介紹了自動(dòng)生成typescript類(lèi)型聲明工具實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
Typescript使用裝飾器實(shí)現(xiàn)接口字段映射與Mock實(shí)例
這篇文章主要為大家介紹了Typescript使用裝飾器實(shí)現(xiàn)接口字段映射與Mock實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
這篇文章主要為大家介紹了TypeScript中的遞歸類(lèi)型示例解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04