今天,layui更新到2.6.0,做了不少调整,具体如下:
[调整]
核心模块的聚合,统一构建为 layui.js,这意味着不必再按需异步加载模块,直接就可以使用 layui 所提供的所有组件库。该调整向下兼容,对早前版本的写法不受影响。但需要注意的是:
如果之前引入了 layui.all.js 的,现在必须改成 layui.js;2. 如果元素存在动态插入,那么您需要执行元素所对应组件的 render() 方法,如 form.render()。
[新增]
dropdown 通用下拉菜单组件
亦可作为「右键菜单组件」使用
- [支持] 无限层级嵌套
- [支持] 子级菜单的横和竖两种展示方式
- [支持] 局部或全局的自定义菜单列表模板,可给菜单列表添加任意元素(图片、图标等)
- [支持] 自定义事件,可通过 click、hover、contextmenu(鼠标右键)等等方式调出组件面板
- [支持] className、style 属性,用于对组件的样式重置
[新增] 基础菜单(layui-menu)样式结构,可无限层级嵌套
[新增] 常规面板(layui-panel)样式结构
[优化] layer 组件的核心代码,当初始执行弹窗时,不必再套一层 layer.ready() 了
[优化] layer 组件局部样式,以更贴近简约和百搭
[优化] layDate 组件的日期范围选择,不再是之前一样左右联动的操作方式,而是左右保持完全独立的选择
[优化] layDate 组件局部样式,及剔除多余 js 代码
[修复] layDate 组件中当设为年/月选择器时,点击选择年/月数值时,面板未自动关闭的问题
[修复] layDate 组件当 lang 设置为 ‘en’ 时,部分提示内容未显示英文的问题
[新增] table 组件的 table.getData(id) 方法,用于获取表格当前页的所有行数据(现在不必再通过 table.cache 获取)
[修复] table 组件的 table.reload() 重载方法在多次执行时,会携带上一次执行时的参数的重大 BUG
[新增] util 组件的 unescape(str) 方法,用于将转义后的 HTML 还原
[优化] code 组件整体样式
[优化] 整体边框/背景等色调,以及边距尺寸,以使得视觉搭配更加和谐自然
[优化] 按钮部分样式细节,以及新增对边框按钮各种色系的更好支持
[优化] hr 横线样式,以防止某些情况出现边框模糊的问题
[新增] 新增 CSS3 从顶部往下滑入、微微往下滑入、平滑放小、弹簧式放小四种动画,并优化部分过度动画
[新增] layui-font-* 样式,可定义常见字体大小和颜色
原创文章,作者:蓝洛水深,如若转载,请注明出处:https://blog.lanluo.cn/10091