文档章节

Layer弹层组件 二次扩展,项目中直接使用。

深圳大道
 深圳大道
发布于 2016/12/29 15:33
字数 308
阅读 3
收藏 0
/************************ Layer扩展 ****************************/

/*
* Layer弹出Alert提示框
* @param message 提示信息
* @param type 类型 1成功 2失败 3疑问 7提示
* @param fn (可选)点击后回调方法
* @return
*/
function LayerAlert(message, type, fn) {
    layer.alert(message, { icon: type }, fn);
}


/*
* Layer弹出Confirm提示框
* @param message 确认提示信息
* @param okfn 确认后回调 function (index) { alert("确认操作后回调,一般执行程序,完成后layer.close(index)关闭Layer"); }
* @param errorfn (可选)取消操作后回调 function () { alert("取消操作后回调"); }
* @return
*/
function LayerConfirm(message, okfn, cancelfn) {
    layer.confirm(
            message,
            { btn: ['确定', '取消'] },
            okfn,
            cancelfn
        );
}

/*
* Layer弹出新窗口
* @param url 网址
* @param title 标题
* @param width 宽
* @param height 高
* @param closefn (可选)关闭后回调 function (index) { alert("关闭"); layer.close(index);}
* @return
*/
function LayerOpen(url, title, width, height, closefn) {
    layer.open({
        type: 2,
        title: title,
        shadeClose: false, //必须点弹窗关闭按钮关闭
        shade: 0.5,
        area: [width, height],
        content: url, //让iframe出现滚动条content: ['http://www.xxx.com', 'no']
        cancel: closefn
    });
}

/*
* Layer加载效果(自动关闭)
* @param type 0-2加载效果
* @param minute 几秒钟后消失
* @return
*/
function LayerLoadAuto(type, second) {
    layer.load(type, { time: second * 1000, shade: 0.1 });
}

/*
* Layer加载效果
* @param type 0-2加载效果
* @return
*/
function LayerLoad(type) {
    var index = layer.load(type);
    return index;
}

/*
* Layer关闭
* @param index 打开的index
* @return
*/
function LayerClose(index) {
    layer.close(index);
}

本文转载自:http://blog.csdn.net/smartsmile2012/article/details/53817753

共有 人打赏支持
深圳大道
粉丝 3
博文 877
码字总数 0
作品 0
深圳
架构师
私信 提问
layer弹框在实际项目中的一些应用

官方介绍:layer至今仍作为layui的代表作,受众广泛并非偶然,而是这五年多的坚持,不断完善和维护、不断建设和提升社区服务,使得猿们纷纷自发传播,乃至于成为今天的Layui最强劲的源动力。...

祈澈姑娘
2018/01/18
0
0
基于 vue2 的弹层组件 - vue-bulma-dialog

vue-bulma-dialog 是基于 Vue2、bulma0.5.3 实现的弹层组件。接口借鉴了 layer 的使用方式,调用比较简单,配置灵活。 当前版本: v1.0.0 主要功能包括: 1、自定义弹层宽度、自定义标题、自...

东北的冬
2017/09/25
0
0
layer 1.9.2 发布,国产 Web 弹层不懈的前行者

为了让 layer 更好地融入你的项目,作者对 layer 迅速地做了一些细节的改动。layer是一款口碑还比较凑合的web弹层组件,她具备全方位的解决方案,致力于服务各个水平段的开发人员,您的页面会...

贤心
2015/05/08
3.3K
29
layer 3.0.0 发布 ,Web 弹层一次全方位的增强

在决定这个大版本更新之前,很多人建议应该把时间放在刚刚发布的 Layui 上,因为layer已经比较成熟了,没必要再更新。但是,坚持layer是一种情怀,为了对得起“国内最多人使用的弹层组件”,...

贤心
2016/11/07
7.1K
62
LayUI之layer关闭刷新父界面

layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验。 最近一个项目采用的是hui前端框架,他的弹出层...

城市之雾
2018/05/21
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Java单例模式学习记录

在项目开发中经常能遇见的设计模式就是单例模式了,而实现的方式最常见的有两种:饿汉和饱汉(懒汉)。由于日常接触较多而研究的不够深入,导致面试的时候被询问到后有点没底,这里记录一下学习...

JerryLin123
昨天
4
0
VSCODE 无法调试

VSCODE 无法调试 可以运行 可能的原因: GCC 的参数忘了加 -g

shzwork
昨天
5
0
理解去中心化 稳定币 DAI

随着摩根大通推出JPM Coin 稳定币,可以预见稳定币将成为区块链落地的一大助推器。 坦白来讲,对于一个程序员的我来讲(不懂一点专业经济和金融),理解DAI的机制,真的有一点复杂。耐心看完...

Tiny熊
昨天
4
0
5.线程实现

用于线程实现的Python模块 Python线程有时称为轻量级进程,因为线程比进程占用的内存少得多。 线程允许一次执行多个任务。 在Python中,以下两个模块在一个程序中实现线程 - _thread 模块 th...

Eappo_Geng
昨天
7
0
ServiceLoader

创建一个接口文件在resources资源目录下创建META-INF/services文件夹在services文件夹中创建文件,以接口全名命名创建接口实现类 内容me.zzp.ar.d.PostgreSQLDialectme.zzp.ar.d.Hype...

Cobbage
昨天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部