要使用layui的確認框,需要導入layui的兩個庫,分別為layer.js和layer.css,除此之外layui.js和layui.css的庫也是要導入,這個請注意。
所有說你需要分別導入四個庫layer.js、layer.css、layui.js、layui.css,四個庫多少也會占用帶寬,這時你可以使用cdn或者將其放到nginx做緩存也行。
確認框源碼如下:
layui.use('layer',function () { layer.confirm('確認要刪除嗎?', { btn : [ '確定', '取消' ]//按鈕 }, function(index) { layer.close(index); //此處請求后台程序,下方是成功后的前台處理…… var index = layer.load(0,{shade: [0.7, '#393D49']}, {shadeClose: true}); //0代表加載的風格,支持0-2 }); });
應用場景:
(1)所有的確認框操作,比如是否刪除這樣的;
(2)退出功能;