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

插件地址:https://layer.layui.com/
自定义弹框(可添加自定义html代码)_第1张图片

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: '

请准备以下相关文件,到受理窗口办理!

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

效果截图如下
自定义弹框(可添加自定义html代码)_第2张图片

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

你可能感兴趣的:(交互)