文章目录

1️⃣ layui弹框
- 1.1 layer.msg
- 1.2 layer.open
2️⃣ 官方说明
优质资源分享

layer 作为 Layui 的代表性组件 ，比 Layui 要出现的早，作为 Layui 最早的源动力，layer 的使用之广泛甚至一度超过了 Layui 本身。 layer 拥有众多的自定义功能，也是许多开发者的网页弹出层的首选交互方案，在各类场景都能发挥重要作用。

1️⃣ layui弹框

1.1 layer.msg

//eg1
layer.msg('提示');
//eg2
layer.msg('有表情地提示', {icon: 6});
//eg3
layer.msg('关闭后想做些什么', function(){//do something
});
//eg
layer.msg('同上', {icon: 1,time: 2000 //2秒关闭（如果不配置，默认是3秒）
}, function(){//do something
});

1.2 layer.open

弹出框-引用url内容

var index = layer.open({type: 2,title: "标题",maxmin: true,//是否有最大最小按钮area: ['50%', '100%'],//宽高content: url,//内容地址cancel: function (index, layero) {//取消后执行},end: function () {//无论是确认还是取消，只要层被销毁了，end都会执行，不携带任何参数。layer.open关闭事件location.reload();　　//layer.open关闭刷新}
});

弹出框-询问操作提示框

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 开启该代码可禁止点击该按钮关闭}
});

2️⃣ 官方说明

layui的layer组件

layer 作为 Layui 的代表性组件，比 Layui 要出现的早，作为 Layui 最早的源动力，layer 的使用之广泛甚至一度超过了 Layui 本身。 layer 拥有众多的自定义功能，也是许多开发者的网页弹出层的首选交互方案，在各类场景都能发挥重要作用

优质资源分享

layer弹出框详细说明相关推荐

关于使用layer弹出框展现echarts不显示的问题
html页面是这样的 <div id="showScoreDetail" style="display: none;"><div class= ...
layui下layer弹出框（iframe）
一.使用layui弹窗需引入文件jquery.js,jquery-ui.min.css,layer.js,jquery-ui.min.js ,这些文件项目中都有,没有直接去官网下载地址:https:/ ...
关于layer弹出框出现layer is not underfined的问题
在使用layer弹框的时候,我下了两个版本的layer.一个是3.1.0一个是2.1.5.使用3.1.0直接引用layer.js和layer.css就可以实现弹窗,但是布局好像也有点问题.但是当我用2 ...
layui layer弹出框alert,confim
layer.confirm('内容', {yes:function(){layer.closeAll();//确认按钮如果不能关闭弹框,使用layer.closeAll()进行弹框关闭} });lay ...
layer 弹出框的使用
http://layer.layui.com/ http://layer.layui.com/mobile/ 转载于:https://www.cnblogs.com/linewman/p/991879 ...
layui layer 弹出框内容高度
layer.open({title: '编辑', type: 1,shade: false,maxmin: true, shade: 0.5,anim: 1,skin: 'layer-ext-mysk ...
layer 弹出框(iframe层)父子页面传值
父页面获取子页面元素 $("#iframeID").contents().find("#eleID") $("#iframeID").con ...
chosen(下拉列表带搜索插件)和layer(弹出框插件)在一起使用会有冲突，解决办法
可以选择用window.open()和chosen插件结合使用,这样就不会有冲突. chosen插件的使用: 1.先把js和css文件引用到网页里面去: <link href="js/ ...
弹出框插件layer使用
layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验. 插件官方地址:http://layer.layui.co ...

layer弹出框详细说明

文章目录

1️⃣ layui弹框

1.1 layer.msg

1.2 layer.open

2️⃣ 官方说明

优质资源分享

layer弹出框详细说明相关推荐

最新文章

热门文章