一个简单实用的弹出层组件

显示的效果如下图所示:

增加了默认的弹出层内容模板,如果只是一些简单的应用,自己可以不去写弹出层内容的结构,而只需传几个简单的参数即可,原来的使用方法:
easyDialog.open({
container : 'demoBox'
});

使用默认的内容模板,那么container参数可以这么用:
easyDialog.open({
container : {
header : '弹出层标题',
content : '欢迎 : )',
yesFn : btnFn,
noFn : true
}
});

1.如果要修改默认的内容模板的样式,可以修改下载文档中的easydialog.css文件来实现你想要的样式。
2. 增加了拖拽效果,使弹出层有更好的用户体验,并且自定义弹出层内容也可以轻松实现拖拽效果。
3. 内部增加了缓存系统、微型事件处理系统,对弹出层内容也做了缓存,使弹出层性能更佳。
另外修改了一个参数的命名,原来的isOverlay改成了overlay,原来的弹出层各元素的id也重新命名,尽量避免冲突
文章附属文件

文件名称: 20180105115231684115.png

文件大小:4.81 KB

文件签名:991483399C8B44BE35019F63AA21ADC849F84815

文件名称: 20180105115231343409.zip

文件大小:99.11 KB

文件签名:F7A1D28D4C047CCDC742FF6F500A11CD06C5F73E

评论列表

此文章还没有评论。