layer弹窗常用

1.layer.confirm('一个月只能申请5次修改\n' +
'审核将会在7个工作日内完成,请确认是否提交修改申请?', {
btn: ['确定','取消'], //按钮
title:'提示',
}, function(){
console.log('点了确定');

layer.msg('修改成功', {icon: 1,time:1500,end:function () {
// window.location.href="<?=url('miniapp/index')?>"; //跳转到指定页面
window.location.reload(); // 刷新页面
}});

layer.msg(info, {icon: 2,time:1800});


}, function(){
layer.closeAll(); // 关闭弹窗
});


2.icon 1 打勾,2 打叉。


3.layer.msg('请先输入功能介绍'); //没有带icon的msg,是灰色透明的弹窗


4.layer.alert('测试'); // 带头部和确认的弹窗


5.layer.msg('提示内容', {icon: 2,time:1800}); //默认是2秒关闭。 没带确认键的弹窗


6.layer.alert('一次只能添加一个类目',{title:'提示'}); // 带头部和确认的弹窗,自定义title


7. var index = layer.load(0, {shade: false}); //0代表加载的风格,支持0-2

8. layer.load(0, {shade: [0.1,'#fff']}); //0代表加载的风格,支持0-2 有透明层不能点击

9. layer.closeAll('loading'); // 关闭加载框

 

10. 弹窗中加入代码

layer.open({
type: 1,
title: '打印预览',
skin: 'layui-layer-rim', //加上边框
area: ['726px', '595px'], //宽高
content: $(this).siblings('.print_box')
})


11.

//iframe窗

layer.open({
type: 2, //type=2是打开页面地址,type=1是打开html标签
title: false,
closeBtn: 0, //不显示关闭按钮
shade: [0],
area: ['340px', '215px'],
offset: 'rb', //右下角弹出
time: 2000, //2秒后自动关闭
anim: 2,
content: ['test/guodu.html', 'no'], //iframe的url,no代表不显示滚动条
end: function(){ //此处用于演示

}
});

layer.open({
type: 1,
title: '很多时候,我们想最大化看,比如像这个页面。',
shadeClose: true, // 点击蒙层是否可关闭
shade: false, //背景蒙层,0.4
maxmin: true, //开启最大化最小化按钮
area: ['893px', '600px'],
content: '//fly.layui.com/' // 或 $('#content')
});

转载于:https://www.cnblogs.com/ygyy/p/11571949.html

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值