調整layui的彈出框msg的字體大小以及其他樣式
//文本里面可以加html標簽
let sure = layer.msg('<span style="font-size:20px">確定喜歡她嗎?</span>', {
time: 0 //0表示不自動關閉 ,time自動關閉所需毫秒 ,單位是毫秒(1秒=1000毫秒)
, btn: ['<span style="font-size:20px">確定</span>', '<span style="font-size:20px">取消</span>'],
//success指的是 修改按鈕的樣式 三種樣式left center right
success: function(layero){
layero.find('.layui-layer-btn').css('text-align', 'center')
}
, yes: function (index) {
點擊確定觸發(fā)事件
}
});
//sure指的是上面的msg彈出層纫谅,定義msg彈出層的樣式
layer.style(sure,{
width:10px,
height:10px
});
layui的彈出框open常用的兩種功能
let html = "這里面寫任何html內容";
比如:let html ='<div class="nav_upload">\n' +
' <input type="text" value="我是html"/>\n' +
'</div>\n' +
'<script>\n' +
'這里寫交互功能'+
'</script>';
layer.open({
type: 1 //Page層類型
,area: ['720px', '500px']//彈出層頁面比例,類型:String/Array,默認:'auto',在默認狀態(tài)下扎运,layer是寬高都自適應的,但當你只想定義寬度時账月,你可以area: '500px'祖能,高度仍然是自適應的。當你寬高都要定義時籽暇,你可以area: ['500px', '300px']
,offset:'auto'// 坐標 類型:String/Array 默認:垂直水平居中 offset默認情況下不用設置,
// ,title: '照片上傳'//title默認顯示在左邊温治,能拖動了
,title: ['照片上傳','text-align:center']//傳一個數組,第一個參數標題图仓,第二個參數可以寫任何css樣式罐盔,能拖動
// ,title: false//不顯示title,但是不能拖動了
,shade: 0.6 //遮罩透明度 類型:String/Array/Boolean 彈層外區(qū)域救崔。默認是0.3透明度的黑色背景('#000')惶看。如果你想定義別的顏色捏顺,可以shade: [0.8, '#393D49'];如果你不想顯示遮罩纬黎,可以shade: 0
,maxmin: true //允許全屏最小化
,anim: 1 //0-6的動畫形式幅骄,-1不開啟
, content: html//在這里面輸入任何合法的js語句
});
layer.open({
type: 2 //2類型,解析url iframe層
,closeBtn: 1 //關閉按鈕是否顯示 1顯示0不顯示
,title: "我是標題"http://頁面標題
,shadeClose: true //點擊遮罩區(qū)域是否關閉頁面
,shade: 0.8 //遮罩透明度 類型:String/Array/Boolean 彈層外區(qū)域本今。默認是0.3透明度的黑色背景('#000')拆座。如果你想定義別的顏色,可以shade: [0.8, '#393D49']冠息;如果你不想顯示遮罩挪凑,可以shade: 0
,area: ['600px', '600px'] //彈出層頁面比例
,content: 'XXX.html'//彈出層的url,//這里content是一個URL,如果你不想讓iframe出現滾動條逛艰,你還可以content: ['XXX.html', 'no']
});
持續(xù)更新~~~
不要吝嗇自己的小手躏碳,關注點贊評論來安排我吧。求安排哈哈哈^^!