.layui-layer-btn .layui-layer-btn0 { background-color: #d3d3d3;/*灰色背景*/color: #000;/*按钮文字颜色*/} (2)只改变一个弹框按钮颜色success中操作 success:function(layero){//在弹框打开后,选择按钮并应用自定义样式$(layero).find('.layui-layer-btn0').css({'background-color': '#d3...
layer是一款口碑极佳的 Web 弹层组件,包含(layer弹出层、layer弹出层刷新、layer 加载表格数据、layer 向子页面传值),致力于服务各个水平段的开发人员,您的页面会轻松地拥有丰富而友好的操作体验。
btn.find('.layui-layer-btn0').attr({ href: 'https://www.layui1.com/' ,target: '_blank' }); } }); //边缘弹出 layer.open({ type: 1 ,offset: 't' //具体配置参考:offset参数项,content: '内容' ,btn: '关闭全部' ,btnAlign: 'c' //按钮居中 ,shade: 0 //不显示遮罩 ,yes: f...
当然,你也可以定义更多按钮,比如:btn: ['按钮1', '按钮2', '按钮3', …],按钮1的回调是yes,而从按钮2开始,则回调为btn2: function(){},以此类推。如: //eg1 layer.confirm('纳尼?', { btn: ['按钮一', '按钮二', '按钮三'] //可以无限个按钮 ,btn3: function(index, laye...
hangUpPhone(); $("a.layui-layer-btn0").show(); $("a.layui-layer-btn1").hide(); return false; } ,btn3:function (index, layero) { } }); 控制的代码就是: $("a.layui-layer-btn0").show(); $("a.layui-layer-btn1").hide();...
btn:['确认','取消'], yes:function() {//执行变更$.post("{:url('member/setStatus')}",{id:id},function(data){if(data.code === 1){ layer.msg(data.msg,{time:2000},function(){if(data.url) location.href =data.url; });
layer.open({type:0,// 提示框title:'提示框测试',// 弹出层名称btn:['确定','取消'],// 按钮组,可以有无限个按钮area:['400px','200px'],// 弹出层大小btnAlign:'c',//按钮对齐方式anim:2,// 动画// 按钮组对应的每个按钮的函数btn1:function(index, layero, that){ ...
layui.use('layer',function(){layer=layui.layer;layer.msg('有表情地提示',{icon:1});}) 当icon=0时: 当icon=1时: 当icon=2时 当icon=3时 当icon=4时 当icon=5时 当icon=6时 当icon=16时 8、btn-按钮 类型:String、Array,默认:‘确认’ ...
body .demo-class .layui-layer-btn a{background:#333;} body .demo-class .layui-layer-btn .layui-layer-btn1{background:#999;} … 加上body是为了保证优先级。你可以借助Chrome调试工具,定义更多样式控制层更多的区域。 你也可以去查看layer皮肤制作说明 ...
类型:Number,默认:-1(信息框)/0(加载层) 信息框默认不显示图标。当你想显示图标时,默认皮肤可以传入0-6如果是加载层,可以传入0-2。如: //eg1 layer.alert('酷毙了', {icon: 1}); //eg2 layer.msg('不开心。。', {icon: 5}); //eg3 layer.load(1); //风格1的加载 btn - 按钮 类型:Strin...