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>
~~~
