layui的彈出框msg修改字體按鈕樣式

調整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ù)更新~~~
不要吝嗇自己的小手躏碳,關注點贊評論來安排我吧。求安排哈哈哈^^!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末散怖,一起剝皮案震驚了整個濱河市菇绵,隨后出現的幾起案子,更是在濱河造成了極大的恐慌镇眷,老刑警劉巖咬最,帶你破解...
    沈念sama閱讀 212,718評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現場離奇詭異欠动,居然都是意外死亡永乌,警方通過查閱死者的電腦和手機,發(fā)現死者居然都...
    沈念sama閱讀 90,683評論 3 385
  • 文/潘曉璐 我一進店門翁垂,熙熙樓的掌柜王于貴愁眉苦臉地迎上來铆遭,“玉大人硝桩,你說我怎么就攤上這事沿猜。” “怎么了碗脊?”我有些...
    開封第一講書人閱讀 158,207評論 0 348
  • 文/不壞的土叔 我叫張陵啼肩,是天一觀的道長。 經常有香客問我衙伶,道長祈坠,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,755評論 1 284
  • 正文 為了忘掉前任矢劲,我火速辦了婚禮赦拘,結果婚禮上,老公的妹妹穿的比我還像新娘芬沉。我一直安慰自己躺同,他們只是感情好阁猜,可當我...
    茶點故事閱讀 65,862評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著蹋艺,像睡著了一般剃袍。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上捎谨,一...
    開封第一講書人閱讀 50,050評論 1 291
  • 那天民效,我揣著相機與錄音,去河邊找鬼涛救。 笑死畏邢,一個胖子當著我的面吹牛,可吹牛的內容都是我干的检吆。 我是一名探鬼主播棵红,決...
    沈念sama閱讀 39,136評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼咧栗!你這毒婦竟也來了逆甜?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 37,882評論 0 268
  • 序言:老撾萬榮一對情侶失蹤致板,失蹤者是張志新(化名)和其女友劉穎交煞,沒想到半個月后,有當地人在樹林里發(fā)現了一具尸體斟或,經...
    沈念sama閱讀 44,330評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡素征,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,651評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現自己被綠了萝挤。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片御毅。...
    茶點故事閱讀 38,789評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖怜珍,靈堂內的尸體忽然破棺而出端蛆,到底是詐尸還是另有隱情,我是刑警寧澤酥泛,帶...
    沈念sama閱讀 34,477評論 4 333
  • 正文 年R本政府宣布今豆,位于F島的核電站,受9級特大地震影響柔袁,放射性物質發(fā)生泄漏呆躲。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,135評論 3 317
  • 文/蒙蒙 一捶索、第九天 我趴在偏房一處隱蔽的房頂上張望插掂。 院中可真熱鬧,春花似錦、人聲如沸辅甥。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,864評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽肆氓。三九已至袍祖,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間谢揪,已是汗流浹背蕉陋。 一陣腳步聲響...
    開封第一講書人閱讀 32,099評論 1 267
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留拨扶,地道東北人凳鬓。 一個月前我還...
    沈念sama閱讀 46,598評論 2 362
  • 正文 我出身青樓,卻偏偏與公主長得像患民,于是被迫代替她去往敵國和親缩举。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,697評論 2 351

推薦閱讀更多精彩內容