自定义弹框(可添加自定义html代码)

插件地址:https://layuion.com/layer/
在这里插入图片描述

layer.open({
  content: 'test'
  ,btn: ['按钮一', '按钮二', '按钮三']
  ,yes: function(index, layero){
    //按钮【按钮一】的回调
  }
  ,btn2: function(index, layero){
    //按钮【按钮二】的回调
    
    //return false 开启该代码可禁止点击该按钮关闭
  }
  ,btn3: function(index, layero){
    //按钮【按钮三】的回调
    
    //return false 开启该代码可禁止点击该按钮关闭
  }
  ,cancel: function(){ 
    //右上角关闭回调
    
    //return false 开启该代码可禁止点击该按钮关闭
  }
});

========================================
举个栗子

  layer.open({
    area: ['600px', '350px'],
    content: '<h3>请准备以下相关文件,到受理窗口办理!</h3>  '
    + '<br/><h5>1.你的身份证正反面复印件 ;</h5>'
    + ' <br/><h5>2.学历原件与复印件 ;</h5> '
    + '<br/><h5>3.银行最近6个月流水 ;</h5>'
    + ' <br/><h5>4.工作证明原件 ;</h5>',
    btn: ['确定'],
    yes: function (index, layero) {
        //按钮【按钮一】的回调
        layer.msg("提交成功!", {
            icon: 1, time: 2000 //2秒关闭(如果不配置,默认是3秒)
        }, function () {
            /*提交成功 !页面刷新*/
            location.href = 'www.www.csdn.net';
        });
    },
    cancel: function () {
        //右上角关闭回调
        //return false 开启该代码可禁止点击该按钮关闭
    }
});

效果截图如下
这里写图片描述

参考资料:https://layuion.com/layer/

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一轮大月亮

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值