layui—— layui弹框 相关配置

layer.open({
type: 0, 
// 0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层),如果type: 1 整个页面为必填
title: '在线调试', // 标题
content: '配置各种参数,试试效果', // 内容
skin:'demo-class', // 样式类名
area:['500px', '300px'], // 宽高
offset: 't', // 坐标,弹框位于左或右或其它
icon: 6,  // 图标
btn: ['确定', '取消'], // 按钮,不限
yes: () { // 按了确定按钮的回调
console.log('按钮1回调')
},
btn2: () {
console.log('按钮2回调')
},
btnAlign: 'c', // 按钮排列方式,有居左、居中、居右
shade: [0.8, 'red'], // 遮罩, [透明度, 颜色], 无遮罩为0
shadeClose: true, //  是否点击遮罩关闭
time: 5000, // 弹框自动关闭所需毫秒
id:'myId', // 用于控制弹层唯一标识
anim: 1, // 弹框弹出动画, anim: -1为不显示动画
isOutAnim: true, // 关闭动画
maxmin:true, // 是否显示最大最小化按钮
fixed: true, // 鼠标滚动时,层是否固定在可视区域
resize: true, // 弹框是否允许拉伸
resizing (layero){ // 监听窗口拉伸
  console.log('我拉伸了');
},
scrollbar: true, // 是否允许浏览器出现滚动条
maxWidth: 500, // 最大宽度,当area: 'auto'时,maxWidth的设定才有效
maxHeight: 1000, // 最大高度,当area: 'auto'时,maxHeight的设定才有效
zIndex: 10, // 层叠顺序 
move: '.layui-layer-title', //触发拖动的元素
moveOut: true, // 是否允许拖拽到窗口外
moveEnd: function(layero){}  // 拖动完毕后的回调方法,layero 为当前层的DOM对象
tips:  [1, '#ccc'], // tips方向和颜色
tipsMore: true, // 是否允许多个tips
success (layero, index) { // 层弹出后的成功回调方法
  console.log(layero, index)
},
cancel  () {}, // 右上角关闭按钮触发回调方法

})  

猜你喜欢

转载自blog.csdn.net/qq_43201350/article/details/120110967