layui 2.6.0 发布,传统 UI 框架表示还想冒个泡

来源: 投稿
作者: 贤心
2021-04-01

久违了,伙计们。上一次在 OSC 冒泡是在 2018年8月30号,我再看了看今天的日历:2021年4月1号?所以这消失的中间,顺着模糊的记忆碎片,我一度怀疑我穿越了,似乎进入了另一个不得了的平行空间,后又受量子纠缠的作用,我又被召唤回了本空间。记忆无法在不同的平行空间共存,从 2018 到 2021,我同时经历了两种记忆,一种不属于当前空间的记忆已被删除,而保留下来的记忆总感觉难以衔接,譬如我仍然记得 OSC 上面的那抹绿,就一个穿越的来回,它居然变得好看了?

在 Vue.js 遍地生根的今天,一大批优秀的现代 UI 组件库闯进了你的「戎码」生活,而像 layui 这样的传统系列,已不断被扔入时代的废纸篓。拥抱更美好的技术方案,正与开发者的特质所匹配。所以 layui 那近乎停更的两年,有来自客观规律的必然,也有带着主观上的使然。毕竟,枫叶并不属于春天,花红柳绿才是春的主旋律。然而前面提到,我毕竟是穿越来的,穿越的事物通常是可以原谅的,姑且就容我踏着春风,再度启航

更新内容

v2.6.0

  • [调整] 核心模块的聚合,统一构建为 layui.js,这意味着不必再按需异步加载模块,直接就可以使用 layui 所提供的所有组件库。该调整向下兼容,对早前版本的写法不受影响。但需要注意的是:1. 如果之前引入了 layui.all.js 的,现在必须改成 layui.js;2. 如果元素存在动态插入,那么您需要执行元素所对应组件的 render() 方法,如 form.render()。
  • [新增] 基础菜单(layui-menu)样式结构,可无限层级嵌套
  • [新增] 通用 dropdown 下拉菜单组件
    • 亦可作为「右键菜单组件」使用
    • [支持] 无限层级嵌套
    • [支持] 子级菜单的横和竖两种展示方式
    • [支持] 局部或全局的自定义菜单列表模板,可给菜单列表添加任意元素(图片、图标等)
    • [支持] 自定义事件,可通过 click、hover、contextmenu(鼠标右键)等等方式调出组件面板
    • [支持] className、style 属性,用于对组件的样式重置
  • [新增] 常规面板(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-样式,可定义常见字体大小和颜色

v2.6.1

  • [加强] table 组件的 table.reload(id, options, deep) 方法,可通过 deep参数控制是否采用深度重载(即参数深度克隆,也就是重载时始终携带初始时及上一次重载时的参数),默认浅重载
  • [新增] table 组件加载失败时的 error 回调
  • [优化] table 组件的 render 和 reload 方法,执行时保留 table.set() 设定的全局参数(同名参数覆盖)
  • [优化] 按钮的尺寸,纯背景色按钮与带边框的按钮,在同等字符长度下尺寸相同
  • [优化] 时间线只有一条数据时仍然显示线的问题,并优化其他细节
  • [优化] 管理系统大布局样式,滚动条采用 body 默认,而非之前的 layui-body 所在的元素

若有不适,请轻喷

展开阅读全文
39 收藏
分享
加载中
精彩评论
其实真心好的框架 比element好太多
2021-04-01 07:56
50
举报
对于后端的码农更友好,现在前端的工具越来越专业,就是想简单的搭建个页面,对后端人员太麻烦了
2021-04-01 10:45
30
举报
单干工程师很喜欢
2021-04-01 07:56
30
举报
何必自谦,这么好的UI框架,结构清晰文档完善,各自有各自的市场。
layui绝对不差,开发效率也快。
2021-04-01 11:34
23
举报
对,就是setTop这个方法.
牛呀牛呀,原来作者早就实现了,感谢.
下次一定仔细看文档.
2021-04-01 11:57
10
举报
最新评论 (138)
就冲这个文笔,不点赞都不行啊
2021-04-07 08:24
0
回复
举报
嘿嘿~OK系统用了layui
2021-04-07 03:37
0
回复
举报
我们就把vue和layui一起使用
2021-04-06 09:37
0
回复
举报
有vue版本的吗
2021-04-06 08:51
0
回复
举报
良心开源
2021-04-06 08:15
0
回复
举报
希望简单好用UI风格跟上主流审美即可
2021-04-06 06:46
0
回复
举报
支持!!!!
2021-04-05 23:17
0
回复
举报
2年前公司还用的是这个。。但是前端越来越专业,选择了vue.js。不过个人还是比较喜欢layui ,以后整合一套用用
2021-04-05 20:00
1
回复
举报
赞一个,很好用的框架
2021-04-05 12:59
0
回复
举报
Hamm重庆蚁游科技有限公司
存在即合理,虽然我用 Vue 和 Element,但不影响 LayUI很棒的事实。
2021-04-05 11:21
0
回复
举报
更多评论
138 评论
39 收藏
分享
返回顶部
顶部