简单介绍:项目使用layUI框架好久了,也没来的及写一篇关于layUI弹出层的随笔。现在补上。经常用到的,一般都是在ajax成功回调函数后边写。 说明:如果是多个弹出层嵌套那么,每一层关闭索引很重要!!! layUI真的是好用到爆炸··· 官方演示很容易理解,不懂得就戳 ...
最近在做一个项目,项目的大概模式列表,新建,编辑以及删除功能。其中新建编辑页面都是以弹框的形式展示,所以就选用了layUI的弹出层这个组件。因为新建编辑涉及的逻辑比较多,所以自然而然的选用了弹出层类型为iframe层 即type: 的模式,因为在这种模式下相当于新建了一个iframe层,所以其他组件的重复使用不会有影响。而在新建页面中还有一些小列表,也需要以弹出层的形式进行添加的操作,感觉涉及的 ...
2020-01-09 11:54 0 998 推荐指数:
简单介绍:项目使用layUI框架好久了,也没来的及写一篇关于layUI弹出层的随笔。现在补上。经常用到的,一般都是在ajax成功回调函数后边写。 说明:如果是多个弹出层嵌套那么,每一层关闭索引很重要!!! layUI真的是好用到爆炸··· 官方演示很容易理解,不懂得就戳 ...
layer.close(index) - 关闭特定层 layer.closeAll(type) - 关闭所有层 方法closeAll()会销毁掉当前页所有的layer层, ...
layui 各种弹出框 第一步:引用文件 第二步:写脚本 <script> //iframe窗//layer.open({// type: 2,// title: false,// closeBtn: 0, //不显 ...
type - 基本层类型 类型:Number,默认:0 layer提供了5种层类型。可传入的值有:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层) layer.closeAll(); //关闭所有层 ...
', '215px'], // offset: 'rb', //右下角弹出 // time: 2000 ...
...
一、在官网下载luyui文档,并且在项目中引用layui.css和layui.js 二、 ...
function alertTips(){ layui.use('layer', function() { layer.open({ type: 2, title: '数据维护', area: ["600px", "400px ...