🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
a标签直接询问 ``` <a href="business?ymid=list&status=2&uid={{d.id}}" onclick="return confirm('确定禁用吗?')" class="layui-btn layui-btn-xs">已启用</a> ``` 配合JS ``` <a id="member_amount" class="layui-btn layui-btn-danger" >马上支付</a> ``` ``` $("#member_amount").click(function(){ layer.msg('余额不足哦、亲'); }); ``` 简单文本 ``` layer.msg('余额不足哦、亲'); ``` 带确认按钮 ``` layer.alert('有了回调', function(index){ layer.close(index); }); ``` 询问框 ``` layer.confirm('点击确定充值,充值后刷新本页再付款!', {icon:0, title:'余额不足'}, function(index){ window.open("/pay/index/pay"); }); ``` 多按钮 ``` <script> layer.open({ content: 'test' ,shade: 0.5 //遮罩透明度 ,anim: 0 //动画效果 //,shadeClose:true //点击遮罩关闭 ,btn: ['按钮一', '按钮二', '关闭'] ,yes: function(index, layero){ //按钮【按钮一】的回调 } ,btn2: function(index, layero){ //按钮【按钮二】的回调 //return false 开启该代码可禁止点击该按钮关闭 } ,btn3: function(index, layero){ //按钮【按钮三】的回调 //return false 开启该代码可禁止点击该按钮关闭 } ,cancel: function(){ //右上角关闭回调 //return false 开启该代码可禁止点击该按钮关闭 } }); </script> ``` 终极弹窗 ``` <a id="member_amount1" class="layui-btn layui-btn-danger" >触发弹窗按钮</a> <div id="layer_notice" style="display:none;"> <div class="layui-card"> <div class="layui-card-header">卡片面板</div> <div class="layui-card-body"> 卡片式面板面板通常用于非白色背景色的主体内<br> 从而映衬出边框投影 </div> </div> </div> ``` ``` <script> $("#member_amount1").click(function(){ layer.open({ type: 1, //弹窗类型 anim: 2, //动画效果 title: false, //不显示标题 closeBtn: 1, //关闭按钮(0=不显示,1/2=显示) shade: 0, //遮罩透明度(0~0.9) shadeClose: true, //开启遮罩关闭 content: $('#layer_notice'), //捕获的元素,注意:最好该指定的元素要存放在body最外层,否则可能被其它的相对元素所影响 // 弹出框消失后回调 end: function(){ $("#layer_notice").css('display','none'); }, // 点击关闭按钮回调 cancel: function(){ $("#layer_notice").css('display','none'); } }); }); </script> ``` 弹出任意外部网页 ``` <a class="layui-btn layui-btn-xs" id="chongzhi">马上去充值</a> ``` ``` <script> $("#chongzhi").click(function(){ layer.open({ type: 2, title: "{$yebzts}", area: ['70%', '80%'], content: "{$ye_czurl}" //这里content是一个普通的String }); }); </script> ```