发布于 2016-11-07 06:56:42 | 284 次阅读 | 评论: 0 | 来源: 网友投递
Layer弹出层组件
layer,一个可以让你想到即可做到的web弹窗(层)解决方案(js组件),作者贤心(前端开发工程师)。layer侧重于用户灵活的自定义,为不同人的使用习惯提供动力。其意义在于,可以让您的页面拥有更丰富与便捷的操作体验,而您只需在调用时简单地配置相关参数,即可轻松实现。
在决定这个大版本更新之前,很多人建议应该把时间放在刚刚发布的 Layui 上,因为layer已经比较成熟了,没必要再更新。但是,坚持layer是一种情怀,为了对得起“国内最多人使用的弹层组件”,仍然义无反顾地追寻一个更完备的layer。于是这种期许毫无疑问被赋予在了layer 3.0上,它将会是一个更成熟的方案,在它所服务的Web弹层领域,竭力做到极致。
【v3.0】 2016.11.07
新增拖动弹层右下角可调节弹层尺寸的功能,由参数resize控制,默认开启。对loading、tips层无效
offset参数新增 t、r、b、l、lt、lb、rt、rb、的赋值,可快捷实现上、右、下、左、左上角、左下角、右上角、右下角的边缘定位
新增btnAlign参数,支持三个参数:l/c/r,分别用于控制按钮居左、居中、居右的快捷设置(默认r,即居右)
点击最小化时,自动定位到页面左下角,在出现多个最小化时,会依次排列,这是一次较为重大的完善。
新增关闭层的过度动画
重写拖拽核心代码,性能大幅度提升
layer.config核心调整
layer.config中的extend参数只提供加载一个css皮肤文件(详见文档)
处理在head标签中执行layer弹层无效的情况
瘦身layer.ready方法
修改iframe层的loading动画
捕获页类型的弹层在关闭时,会根据所捕获元素的初始display值,进行不同处理,即不再强制隐藏。
剔除moveType参数,只提供默认的一种拖拽风格
剔除语义欠佳的fix参数,改为fixed取代
剔除语义欠佳的shift参数,改为anim取代,不过仍然对shift参数兼容
完善tips层细节
将prompt层改成页面层结构,即当你弹出prompt层时,再弹出msg,不会将prompt销毁。
prompt层的textarea模式支持area参数来设定宽高
layer.css大面积改善
降解IE6的fixed支持,不过仍然对ie6兼容(话说现在全浏览器兼容的组件已经不多了,layer后续会整理出不兼容ie6/7的版本)
修复iframe层在用于iPhone设备时,无法触发滚动的Bug
——————————————
对于多年来使用layer的人而言,这个版本想必会收获较多惊喜。
在线演示:http://layer.layui.com/