Layui 2.0.0正式版是一款国产的前端开发框架,功能非常强大,制作ui效果华丽,是一款相当不错的作品,用于多种风格的前端页面制作,需要的用户赶快来下载吧。
Table 表格
新增的全新模块,用于对表格进行一些列功能和动态数据操作
支持固定表头、固定行、固定列左/列右
支持拖拽改变列宽度
支持多级表头
支持大表格、小表格、默认表格的任意尺寸设定
支持多种表格风格设定
支持“Ajax接口获取”、“直接赋值数据”、“转化现有表格”三种初始化渲染方式
支持单元格的自定义模板
支持对表格重载(比如搜索、条件筛选等)
内置checkbox复选框功能
内置自定义工具条及相关操作功能
内置分页功能
内置字段排序功能
内置单元格编辑功能
内置显示单元格更多内容功能
Carousel 轮播
新增的全新模块,用于处理页面轮播逻辑
支持图片、文字列表等任意内容的切换
支持普通轮播和全屏轮播(FullPage)的设定
支持多种切换动画的设定
支持是否自动切换、自动切换的时间间隔的设定
支持初始开始的条目索引的设定
支持箭头和指示器的风格和位置设定
Layout 布局
新增栅格布局系统
栅格采用12等分,内置移动设备、平板、桌面中等和大型屏幕的响应式处理
栅格支持分栏间隔、列偏移、嵌套,流体布局等
栅格最低能支持到ie8
新增后台大框架布局现成方案
layDate 日期时间选择器
全面重写,可作为独立组件(版本直接跃升为 5.0)
依旧采用原生JavaScript编写,零依赖,可在layui中作为模块使用,也可作为独立组件使用
支持单独显示年选择器、年月选择器、日期选择器、时间选择器、日期时间选择器
支持双控件,用于选择年/年月/日期/时间/日期时间五种类型选择器的范围(可顺时、逆时)
支持日期格式的自定义
支持日期是否合法的自动校验
支持有效日期范围的设定
支持内置事件(可自定义)、外部事件、直接显示等多种调用方式
支持中文版和国际版的语言设定
支持开启公历节日和标记重要日期
支持直接嵌套在页面的某个容器中
支持底部按钮的任意顺序排版
支持智能显示在最佳可视坐标
支持回车快捷键选择
支持多种内置主题的设定,支持自定义主题色,且可单独定制主题
Upload 上传
全面重写
可指定任意元素(如按钮、普通div等)来触发上传
支持选择后自动上传和手工上传两种模式
支持附加参数、支持自定义文件name等
支持多文件上传(ie8/9除外)
支持拖拽文件上传(ie8/9除外)
支持文件大小限制,单位kb(ie8/9除外)
支持图片上传前预览(ie8/9除外)
支持文件跨域上传(ie8/9除外)
layPage 分页
核心代码和接口重写
新增“数据总数”、“每页条数”显示区域
支持自定义排版
新增count参数,用于得到数据总数,并剔除了pages参数(分页总数)
新增limits参数,用于设定每页条数的选择项
新增limit参数,用于设定每页条数的默认项
优化跳页框在输入非数字时的校验
总页数低于2时,仍然输出分页结构(前面版本不会显示)
尾页文本默认显示为总页数
跳页框如果输入的页码大于最大页数,则自动跳到最大页
样式优化
Form 表单集合
select组件增加自动上下判断,用于显示在最佳可视区域
select组件允许出现“请选择”的空值选项
form.render(type, filter)方法增加第二个参数,用于指定某个区域进行局部渲染
优化复选框样式,以更友好地用于非form场景中
form.on方法支持链式写法
Layer 弹层
同步到最新的 layer v3.1.0
增加maxHeight参数,用于设定弹层的最大高度
对默认按钮颜色、Tips层、Prompt层、Tab层等进行了样式微调,以便更显大气,且更符合layui风格
Element 页面元素
新增时间轴元素
新增徽章元素
新增动画CSS类文档
导航UI细节优化,并新增三种主题色支持:墨绿/藏青/蓝
导航支持加入图片
分割线新增可支持的颜色:赤/橙/墨绿/藏青/蓝/黑/灰
Tab选项卡UI微调
element模块输出的接口由先前的函数改为对象
Util 工具集
新增倒计时方法:util.countdown()
新增用于得到“某个时间在当前时间的多久前”的方法:util.timeAgo()
[固定块] 新增 showHeight 参数,用于控制出现TOP按钮的滚动条高度临界值
底层方法
新增 layui.sort(obj, key, desc) 方法,用于将数组中的对象按某个成员重新对该数组排序
改写layui.router()方法,以更好地解析location.hash的单页URL规则
其它更改
新增28个字体图标
剔除全局滚动条样式
获取内置的jQuery接口,可通过 var $ = layui.$; 得到,之前的 layui.jquery仍然可用
layui.css大量样式结构优化
Bug Fix
修复select组件在没有任何option的情况下报错的问题
修复导航多个排列在一起时,hover出现异常的问题
修复layui.device()方法在Chrome设备模式无法识别ios环境的问题
修复IE下,多次执行layui.use加载同一个模块时,控制台出现多条重复请求的问题(实际上不是真实请求)
1.x 升 2.0 特别注意事项
layDate日期模块、layPage分页模块、Upload上传模块等等,均已完全重写,请按照最新文档修改
获取 Form 模块接口,由之前的 var form = layui.form() 改为:var form = layui.form
获取 Element 模块接口,由之前的 var elemenet = layui.elemenet() 改为:var elemenet = layui.elemenet
layui.all.js 的目录调整到跟 layui.js 的同级目录,如有使用到 layui.all.js,请注意修改路径
由于改动较大,2.0其实并不兼容1.x,强烈不推荐覆盖升级。官网仍会保留 1.x 的存档,最好按需升级。
返璞归真
前端社区正在变得日渐喧嚣,我们似乎很难停下追逐的脚步。而Layui偏偏回望当初,奔赴在返璞归真的漫漫征途,自信并勇敢着,追寻于原生态的书写指令,试图以最简单的方式诠释高效。
双面体验
拥有双面的不仅是人生,还有Layui。一面极简,一面丰盈。极简是视觉所见的外在,是开发所念的简易。丰盈是倾情雕琢的内在,是信手拈来的承诺。一切本应如此,简而全,双重体验。
星辰大海
如果眼下还是一团零星之火,那运筹帷幄之后,迎面东风,就是一场烈焰燎原吧,那必定会是一番尽情的燃烧。待,秋风萧瑟时,散作满天星辰,你看那海天相接,正是Layui不灭的执念。
76.4M / 03-25
立即下载55M / 06-05
立即下载237.9M / 04-13
立即下载140.5M / 03-06
立即下载900.9M / 03-02
立即下载96.2M / 07-06
立即下载311.2M / 07-06
立即下载335M / 07-06
立即下载200M / 07-06
立即下载413.8M / 07-06
立即下载353.9M / 06-05
立即下载131.8M / 04-13
立即下载230.8M / 03-03
立即下载195.6M / 03-03
立即下载165.4M / 03-03
立即下载45.6M / 09-08
立即下载665.2M / 07-06
立即下载2.84G / 07-06
立即下载93M / 07-06
立即下载338.3M / 07-06
立即下载1.38G / 07-26
立即下载488.3M / 07-16
立即下载109.8M / 06-03
立即下载142M / 01-08
立即下载1.2M / 11-23
立即下载548.8M / 04-13
立即下载1.6M / 04-13
立即下载1.48G / 03-18
立即下载646.6M / 03-03
立即下载133.7M / 03-03
立即下载325.8M / 06-07
立即下载60M / 04-29
立即下载254M / 04-25
立即下载659M / 04-23
立即下载1M / 12-26
立即下载253.4M / 12-08
立即下载253M / 12-08
立即下载1.19G / 11-16
立即下载110.5M / 04-23
立即下载26.7M / 03-16
立即下载488.3M / 07-16
立即下载248.9M / 12-08
立即下载248.9M / 12-08
立即下载201.2M / 04-13
立即下载100.6M / 03-06
立即下载148.9M / 03-06
立即下载1.12G / 07-06
立即下载1.25G / 07-06
立即下载9.48G / 07-06
立即下载50KB / 07-06
立即下载116.2M / 04-10
立即下载1.92G / 04-17
立即下载201.5M / 04-13
立即下载7.31G / 07-01
立即下载94.3M / 07-06
立即下载2.48G / 07-06
立即下载7.63G / 07-06
立即下载1M / 07-06
立即下载778.1M / 07-06
立即下载509.7M / 07-06
立即下载561.8M / 07-11
立即下载1.32G / 01-19
立即下载72M / 07-06
立即下载548.7M / 07-06
立即下载1.00G / 07-06
立即下载9.13G / 07-06
立即下载126.2M / 07-06
立即下载72M / 07-06
立即下载105.1M / 07-06
立即下载132M / 07-06
立即下载