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  () {}, // 右上角关闭按钮触发回调方法

})  

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值