🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
自定义弹层是在 `layer.open()` 基础上分装的,其他弹层请参考 [弹层组件文档 - layui.layer](http://www.layui.com/doc/modules/layer.html) 文档 ##自定义弹层 详情使用请参考在线体验 [http://tpadmin.demo.tianpian.net.cn](http://tpadmin.demo.tianpian.net.cn) 默认管理员帐号:admin,默认管理员密码:123456 ###方法 `layer_open(title,url,opt)` ###参数 | 参数名称 | 类型 | 使用说明 | | --- | --- | --- | | title | string | 弹层标题,必填 | | url | string | 弹层链接 `(opt.type == 1,默认)` 或 HTML 代码 `(opt.type == 2,自定义)`,必填 | | opt | object | 弹层选项,选填 | | opt.w | string | 弹层宽度,100px 或 80% 这样的单位 | | opt.h | string | 弹层高度,100px 或 80% 这样的单位 | | opt.type | enum | 弹层类型,1 - 基于 HTML 的弹层 ; 2 - 基于 url 链接的弹层 | | opt.confirm | bool | 弹层关闭警告,默认 false | | opt.fn | function | 弹层完成后的回调函数 | | opt.nav | bool | 是否开启面包屑自动导航,默认 true ,开启 | ###使用示例 ``` // 简单调用 // 可以根据需要添加参数,默认弹层长宽都为 80% layer_open('弹层标题',‘{:\\think\\Url::build("Controller/action")}’); // 关闭弹层会有警告阻止直接 layer_open('弹层标题',‘{:\\think\\Url::build("Controller/action")}’,{confirm:true}); // 实例化弹层后调用回调函数 callback layer_open('弹层标题',‘{:\\think\\Url::build("Controller/action")}’,{fn:callback}); // 传入 HTML 代码打开弹层,此时必须配置 type 为 1 layer_open('弹层标题','HTML代码',{type:1}); // 全屏打开弹层,可以使用 full_page(title,url,opt) 方法代替 layer_open('弹层标题',‘{:\\think\\Url::build("Controller/action")}’,{w:'100%',h:'100%'}); /** * 全屏打开窗口,参数见layer_open */ function full_page(title,url,opt) { return layer_open(title,url,$.extend({w:"100%",h:"100%"},opt)) }; ``` >[info] 在 iframe 内部打开一个 iframe 页面,可以使用 open_window(title,url) 的方法在 iframe 打开一个和它同级的页面,主要应用于在列表首页打开回收站 ``` // 打开回收站 <a href="javascript:;" onclick="open_window('回收站','/admin/admin_group/recyclebin.html')" class="btn btn-secondary radius ml-5"><i class="Hui-iconfont"></i> 回收站</a> ```