layer.open的常用参数例子
2021-02-21 19:31:37
layer.open({
// 基本层类型：0（信息框，默认）1（页面层）2（iframe层，也就是解析content）3（加载层）4（tips层）
type: 1,
title: "标题",
// 当type: 2时就是url
content: "内容/url",
// 宽高：如果是100%就是满屏
area: ['733px', '450px'],
// 坐标：auto（默认坐标，即垂直水平居中），具体当文档：https://www.layui.com/doc/modules/layer.html#offset
offset: 'auto',
// 按钮：按钮1的回调是yes（也可以是btn1），而从按钮2开始，则回调为btn2: function(){}，以此类推
btn: ['按钮1', '按钮2'],
// 关闭按钮：layer提供了两种风格的关闭按钮，可通过配置1和2来展示，如果不显示，则0
closeBtn: 1,
// 遮罩：默认：0.3透明度的黑色背景（'#000'）
shade: 0.3,
// 是否点击遮罩关闭：默认：false
shadeClose: false,
// 自动关闭所需毫秒：默认：0不会自动关闭
time: 0,
// 最大最小化：默认：false
maxmin: false,
// 固定：默认：true
fixed: true,
// 是否允许拉伸：默认：true
resize: true,
// 层叠顺序：默认：19891014，一般用于解决和其它组件的层叠冲突
zIndex: 19891014,
// 层弹出后的成功回调方法：layero前层DOM，index当前层索引
success: function(layero, index){
},
// 第一个按钮事件，也可以叫btn1
yes: function (index, layero) {
},
btn2: function (index, layero) {
layer.close(index);
},
// 右上角关闭按钮触发的回调：默认会自动触发关闭。如果不想关闭，return false即可
cancel: function(index, layero){
if(layer.confirm('确定要关闭么')){ //只有当点击confirm框的确定时，该层才会关闭
layer.close(index);
}
return false;
},
// 层销毁后触发的回调：无论是确认还是取消，只要层被销毁了，end都会执行，不携带任何参数。
end: function(){
},
// 最大化后触发的回调：携带一个参数，即当前层DOM
full: function(layero){
},
// 最小化后触发的回调：携带一个参数，即当前层DOM
min: function(layero){
},
// 还原后触发的回调：携带一个参数，即当前层DOM
restore: function(layero){
},
});
无注释
layer.open({
type: 1,
title: "标题",
content: "内容/url",
area: ['733px', '450px'],
offset: 'auto',
btn: ['按钮1', '按钮2'],
closeBtn: 1,
shade: 0.3,
shadeClose: false,
time: 0,
maxmin: false,
fixed: true,
resize: true
zIndex: 19891014,
success: function(layero, index){
},
yes: function (index, layero) {
},
btn2: function (index, layero) {
layer.close(index);
},
cancel: function(index, layero){
layer.close(index);
}
return false;
},
end: function(){
},
full: function(layero){
},
min: function(layero){
},
restore: function(layero){
},
});
转：https://www.cnblogs.com/xiaostudy/p/12335716.html
弹出层只保留最大化按钮去除最小化
方法1：
layer.open({
type: 2,
title: '',
shadeClose: false,
shade: 0.3,
maxmin: true, //开启最大化最小化按钮
resize: true,
area: ['90%', '80%'],
content: '/admin/',
//end: CallbackFunc,
success: function(layero){
layero.find('.layui-layer-min').remove();
},
})
方法2：
.layui-layer-min{
display: none !important;
}
layer询问关闭对话框的办法
layer.confirm('确实要删除该验收包吗？', {
btn: ['删除','取消'] //按钮
}, function(){
layer.closeAll('dialog');
// layer.msg('的确很重要', {icon: 1});
}, function(){
// layer.msg('也可以这样', {
// time: 20000, //20s后自动关闭
// btn: ['明白了', '知道了']
// });
});
layer.alert回调写法
layer.alert(data, {icon: 1,},
function () {
self.location="/portal/me.php";//跳到指定页面
})
layer.alert回调写法+定时关闭
layer.alert('aaa',
{
icon: 1,
time: 5*1000,
success: function(layero, index){
var timeNum = this.time/1000, setText = function(start){
layer.title((start ? timeNum : --timeNum) + ' 秒后关闭', index);
};
setText(!0);
this.timer = setInterval(setText, 1000);
if(timeNum <= 0) clearInterval(this.timer);
},
end: function(){
clearInterval(this.timer);
self.location="/portal/me.php";
},
},
function () {
self.location="/portal/me.php";//跳到指定页面
},
);