layer发布 3.x 更新日志,业界最多人使用的Web弹层组件

精帖 未结贴
103 22898
贤心
贤心 2016-11-07
悬赏:5飞吻
官网 http://layer.layui.com/
# v3.0.3 2017.03.06

* 增加参数 isOutAnim,用于控制是否显示关闭动画,true 或者 false
* 撤销自动ready处理机制,因为在初始时与Ajax同步等使用场景存在耦合等问题
* 修复Firefox下对默认层设置了高度,按钮被溢出的bug
* photos层的出场动画不再是随机,而是采用默认动画(也可以通过参数 anim 来自定义)
* 去除photos层的默认关闭动画(觉得觉得不闪眼的话,也可以通过参数isOutAnim开启)
# v3.0.2 2017.02.25

* 新增 resizing 回调,用于监听窗口的调整大小
* 增加自动ready处理机制,即如果你页面一打开就执行弹层,无需放入layer.ready中
* 对moveEnd回调返回一个参数为当前容器的DOM对象
* 添加一个amd条件,避免 define出错(Merge pull request #42 from wangyateng/master)
* 修复tab,photos,prompt弹层默认success回调被覆盖导致功能不正常的问题(来自github用户 waychan23 的友情提醒)
* 完善多按钮场景换行的间距(之前是紧贴在一起,略不雅观)
* 弹出图片层的动画时间改为800ms
* 修复按方向键切换图片层过快时重复弹出的bug
* 修复与animate.css可能存在的动画冲突
在决定这个大版本更新之前,很多人建议我应该把时间放在刚刚发布的Layui上,因为layer已经比较成熟了,没必要再更新。但是,坚持layer是一种情怀,为了对得起“国内最多人使用的弹层组件”,我仍然义无反顾地追寻一个尽可能更完备的她。于是我把这种期许赋予在了layer 3.0上,我希望它会是一个更成熟的方案,在它所服务的领域,竭力做到极致。

# 【v3.0】 2016.11.07 - 该版本对2.x版本无缝兼容,可直接覆盖升级。
* 新增拖动弹层右下角可调节弹层尺寸的功能,由参数resize控制,默认开启。对loading、tips层无效
* offset参数新增 t、r、b、l、lt、lb、rt、rb、的赋值,可快捷实现上、右、下、左、左上角、左下角、右上角、右下角的边缘定位
* 新增btnAlign参数,支持三个参数:l/c/r,分别用于控制按钮居左、居中、居右的快捷设置(默认r,即居右)
* 点击最小化时,自动定位到页面左下角,在出现多个最小化时,会依次排列,这是一次较为重大的完善。
* 新增关闭层的过度动画(可通过anim: -1统一取消动画)

* 重写拖拽核心代码,性能大幅度提升
* 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的版本)

* 修改图片超出屏幕后,重新计算大小的算法(Merge pull request from 390029659/master)
* 修复iframe层在用于iPhone设备时,无法触发滚动的Bug
往期更新:
layer 发布 2.4,兼容jQuery 3.0
  • 安于平淡
    2016-11-08
    支持[赞]
    0 回复
  • 夜童
    2016-11-08
    非常佩服作者,这种精神!大赞
    0 回复
  • 好笨啊你
    2016-11-08
    layui 移动端可以用么
    0 回复
  • 好笨啊你
    2016-11-08
    layui 移动端可以用么
    0 回复
  • layer.prompt({
    id: "frameWindows",
    title: "title",
    type: 2,
    skin: 'layui-layer-rim', //加上边框
    area: ["893px", "600px"], //宽高
    content: ['http://www.baidu.com', 'no'],
    scrollbar: false
    });
    area好像没有起作用
    0 回复
  • 贤心
    贤心 (管理员)
    2016-11-08
    @忘了的眼泪 prompt是专门给prompt用的层,你应该用layer.open。。。
    layer.open({
    id: "frameWindows",
    title: "title",
    type: 2,
    skin: 'layui-layer-rim', //加上边框
    area: ["893px", "600px"], //宽高
    content: ['http://www.baidu.com', 'no'],
    scrollbar: false
    });
    0 回复
  • @贤心 好吧 我懒省事了 上个版本就是这么用的 [泪]
    0 回复
  • mrya
    2016-11-08
    [good] 非常感谢
    0 回复
  • ThinkMan
    2016-11-08
    [赞]
    0 回复
  • leeze
    2016-11-08
    [good]
    0 回复
  • 阿举
    2016-11-08
    offset参数新增 t、r、b、l、lt、lb、rt、rb、的赋值,可快捷实现上、右、下、左、左上角、左下角、右上角、右下角的边缘定位
    * 点击最小化时,自动定位到页面左下角,在出现多个最小化时,会依次排列,这是一次较为重大的完善。

    这两个是福音啊,正好用到,前几天还自己用最小化回调函数搞定了点击最小化时,自动定位到页面左下角,在出现多个最小化时,依次排列。
    0 回复
  • 阿举
    2016-11-08
    会加placeholder和弹窗透明吗? 用的2.4 自己加了placeholder这个到prompt里,弹窗透明用来自定义不规则弹出效果
    0 回复
  • 余烬、
    2016-11-08
    0 回复
  • Jackylin
    2016-11-08
    @贤心 是否允许浏览器出现滚动条 设定scrollbar: false,则屏蔽
    如果我最小化,再恢复还是会有滚动条出现!属性貌似重置了true
    0 回复
  • aolv
    2016-11-09
    当我看到,已经不是前排了 谢谢 闲心
    0 回复
  • paladian
    2016-11-09
    过来顶一个[赞]
    0 回复
  • @贤心 layui里面的layer能直接替换3.0使用吗[挤眼]
    0 回复
  • Q神
    2016-11-09
    功能够强大,但是DEMO太简单的,相对入门菜鸟来说,希望能增加每个功能的详细DEMO。当然了,如果你只是想提供给高手用,那就我没有说。我只想说,不是每个的水平都有你们想的那么高。
    0 回复
  • icode
    2016-11-09
    支持支持支持支持
    0 回复
  • 依旧
    2016-11-09
    兴奋下载下来发现一个BUG,2.4iframe窗口最小化可以在左上方看到最小号的窗格。3.0窗格不见了,类似于直接关闭了窗口
    0 回复
  • 贤心
    贤心 (管理员)
    2016-11-09
    @依旧 3.0最小化后,是自动定位在了左下角。请注意看清楚,更新日志也有提到。
    0 回复
  • 杨威
    2016-11-09
    [哈哈] 顶!~!!!!!!!!!!!!!!!!!!!!!!!!
    0 回复
  • javaif1
    2016-11-09
    [微笑]
    0 回复
  • elileo
    2016-11-10
    66666666666666![good]
    0 回复
  • 依旧
    2016-11-10
    @贤心 2.4最小化的定位可以看到,但是3.0的就消失不见了,我是在iframe里调用的弹窗iframe
    0 回复
  • LJD
    2016-11-10
    一直在使用,做的非常好!不过有个问题,在ajax中引入layer.js的话,会导致layer.css引入路径出错,望改善。
    还有就是 这个评论框要是在上面就更方便评论了
    0 回复
  • 请问个loading 可以在某个div显示么
    0 回复
  • 拿客
    2016-11-10
    [亲亲] [亲亲] [亲亲] [亲亲] [亲亲]
    0 回复
  • 柏小白
    2016-11-10
    加油,支持
    0 回复
  • 嗯,很好![哈哈]
    0 回复
近期热议
见证这一刻:layui 官网累计下载量突破 200000 50
LayIM 3.x 标准版盛情巨惠,以最低门槛 加入 LayIM 会员群 34
很好奇社区里使用layui的程序员里面是前端的多还是后端的多 18
字体图标是不是有点少了 15
php多久能学会 15
建议LayUI永久免费,不要发布收费版本 14
按照社区的模版用了一周时间,仿照了个系统,献丑了,晒晒哈 13
关于动态TABLE 12
有购买LayIm 整套的朋友吗?进来解答解答 11
贤心你好,请教几个技术问题? 11
layui

微信扫码关注 layui 公众号