layui是國(guó)內(nèi)最優(yōu)秀的一款經(jīng)典模塊化前端開發(fā)框架。軟件功能強(qiáng)大，操作簡(jiǎn)單。layui所呈現(xiàn)的不僅僅是一項(xiàng)項(xiàng)信手拈來(lái)的元素，更多是關(guān)于ui設(shè)計(jì)理念的表達(dá)，不驕不躁，親和而富有生命力，返璞歸真，卻非逆道而行，如果你已曾用過(guò)layui，你將真正感受到一次因小而大、因弱而強(qiáng)的成長(zhǎng)。

特色介紹：

1、返璞歸真

身處在前端社區(qū)的繁榮之下，我們都在有意或無(wú)意地追逐。而Layui偏偏回望當(dāng)初，奔赴在返璞歸真的漫漫征途，自信并勇敢著，追尋于原生態(tài)的書寫指令，試圖以最簡(jiǎn)單的方式詮釋高效。

2、雙面體驗(yàn)

擁有雙面的不僅是人生，還有Layui。一面極簡(jiǎn)，一面豐盈。極簡(jiǎn)是視覺(jué)所見的外在，是開發(fā)所念的簡(jiǎn)易。豐盈是傾情雕琢的內(nèi)在，是信手拈來(lái)的承諾。一切本應(yīng)如此，簡(jiǎn)而全，雙重體驗(yàn)。

3、星辰大海

如果眼下還是一團(tuán)零星之火，那運(yùn)籌帷幄之后，迎面東風(fēng)，就是一場(chǎng)烈焰燎原吧，那必定會(huì)是一番盡情的燃燒。待，秋風(fēng)蕭瑟時(shí)，散作滿天星辰，你看那四季輪回，正是Layui不滅的執(zhí)念。

更新日志：

1、Table 表格

新增的全新模塊，用于對(duì)表格進(jìn)行一些列功能和動(dòng)態(tài)數(shù)據(jù)操作

支持固定表頭、固定行、固定列左/列右

支持拖拽改變列寬度

支持多級(jí)表頭

支持大表格、小表格、默認(rèn)表格的任意尺寸設(shè)定

支持多種表格風(fēng)格設(shè)定

支持Ajax接口獲取、直接賦值數(shù)據(jù)、轉(zhuǎn)化現(xiàn)有表格三種初始化渲染方式

支持單元格的自定義模板

支持對(duì)表格重載(比如搜索、條件篩選等)

內(nèi)置checkbox復(fù)選框功能

內(nèi)置自定義工具條及相關(guān)操作功能

內(nèi)置分頁(yè)功能

內(nèi)置字段排序功能

內(nèi)置單元格編輯功能

內(nèi)置顯示單元格更多內(nèi)容功能

2、Carousel 輪播

新增的全新模塊，用于處理頁(yè)面輪播邏輯

支持圖片、文字列表等任意內(nèi)容的切換

支持普通輪播和全屏輪播(FullPage)的設(shè)定

支持多種切換動(dòng)畫的設(shè)定

支持是否自動(dòng)切換、自動(dòng)切換的時(shí)間間隔的設(shè)定

支持初始開始的條目索引的設(shè)定

支持箭頭和指示器的風(fēng)格和位置設(shè)定

3、Layout 布局

新增柵格布局系統(tǒng)

柵格采用12等分，內(nèi)置移動(dòng)設(shè)備、平板、桌面中等和大型屏幕的響應(yīng)式處理

柵格支持分欄間隔、列偏移、嵌套，流體布局等

柵格最低能支持到ie8

新增后臺(tái)大框架布局現(xiàn)成方案

layDate 日期時(shí)間選擇器

全面重寫，可作為獨(dú)立組件(版本直接躍升為 5.0)

依舊采用原生JavaScript編寫，零依賴，可在layui中作為模塊使用，也可作為獨(dú)立組件使用

支持單獨(dú)顯示年選擇器、年月選擇器、日期選擇器、時(shí)間選擇器、日期時(shí)間選擇器

支持雙控件，用于選擇年/年月/日期/時(shí)間/日期時(shí)間五種類型選擇器的范圍(可順時(shí)、逆時(shí))

支持日期格式的自定義

支持日期是否合法的自動(dòng)校驗(yàn)

支持有效日期范圍的設(shè)定

支持內(nèi)置事件(可自定義)、外部事件、直接顯示等多種調(diào)用方式

支持中文版和國(guó)際版的語(yǔ)言設(shè)定

支持開啟公歷節(jié)日和標(biāo)記重要日期

支持直接嵌套在頁(yè)面的某個(gè)容器中

支持底部按鈕的任意順序排版

支持智能顯示在最佳可視坐標(biāo)

支持回車快捷鍵選擇

支持多種內(nèi)置主題的設(shè)定，支持自定義主題色，且可單獨(dú)定制主題

4、Upload 上傳

全面重寫

可指定任意元素(如按鈕、普通div等)來(lái)觸發(fā)上傳

支持選擇后自動(dòng)上傳和手工上傳兩種模式

支持附加參數(shù)、支持自定義文件name等

支持多文件上傳(ie8/9除外)

支持拖拽文件上傳(ie8/9除外)

支持文件大小限制，單位kb(ie8/9除外)

支持圖片上傳前預(yù)覽(ie8/9除外)

支持文件跨域上傳(ie8/9除外)

5、layPage 分頁(yè)

核心代碼和接口重寫

新增數(shù)據(jù)總數(shù)、每頁(yè)條數(shù)顯示區(qū)域

支持自定義排版

新增count參數(shù)，用于得到數(shù)據(jù)總數(shù)，并剔除了pages參數(shù)(分頁(yè)總數(shù))

新增limits參數(shù)，用于設(shè)定每頁(yè)條數(shù)的選擇項(xiàng)

新增limit參數(shù)，用于設(shè)定每頁(yè)條數(shù)的默認(rèn)項(xiàng)

優(yōu)化跳頁(yè)框在輸入非數(shù)字時(shí)的校驗(yàn)

總頁(yè)數(shù)低于2時(shí)，仍然輸出分頁(yè)結(jié)構(gòu)(前面版本不會(huì)顯示)

尾頁(yè)文本默認(rèn)顯示為總頁(yè)數(shù)

跳頁(yè)框如果輸入的頁(yè)碼大于最大頁(yè)數(shù)，則自動(dòng)跳到最大頁(yè)

6、樣式優(yōu)化

Form 表單集合

select組件增加自動(dòng)上下判斷，用于顯示在最佳可視區(qū)域

select組件允許出現(xiàn)請(qǐng)選擇的空值選項(xiàng)

form.render(type, filter)方法增加第二個(gè)參數(shù)，用于指定某個(gè)區(qū)域進(jìn)行局部渲染

優(yōu)化復(fù)選框樣式，以更友好地用于非form場(chǎng)景中

form.on方法支持鏈?zhǔn)綄懛?/p>

7、Layer 彈層

同步到最新的 layer v3.1.0

增加maxHeight參數(shù)，用于設(shè)定彈層的最大高度

對(duì)默認(rèn)按鈕顏色、Tips層、Prompt層、Tab層等進(jìn)行了樣式微調(diào)，以便更顯大氣，且更符合layui風(fēng)格

Element 頁(yè)面元素

新增時(shí)間軸元素

新增徽章元素

新增動(dòng)畫CSS類文檔

導(dǎo)航UI細(xì)節(jié)優(yōu)化，并新增三種主題色支持：墨綠/藏青/藍(lán)

導(dǎo)航支持加入圖片

分割線新增可支持的顏色：赤/橙/墨綠/藏青/藍(lán)/黑/灰

Tab選項(xiàng)卡UI微調(diào)

element模塊輸出的接口由先前的函數(shù)改為對(duì)象

8、Util 工具集

新增倒計(jì)時(shí)方法：util.countdown()

新增用于得到某個(gè)時(shí)間在當(dāng)前時(shí)間的多久前的方法：util.timeAgo()

[固定塊] 新增 showHeight 參數(shù)，用于控制出現(xiàn)TOP按鈕的滾動(dòng)條高度臨界值

底層方法

新增 layui.sort(obj, key, desc) 方法，用于將數(shù)組中的對(duì)象按某個(gè)成員重新對(duì)該數(shù)組排序

改寫layui.router()方法，以更好地解析location.hash的單頁(yè)URL規(guī)則

9、其它更改

新增28個(gè)字體圖標(biāo)

剔除全局滾動(dòng)條樣式

獲取內(nèi)置的jQuery接口，可通過(guò) var $ = layui.$; 得到，之前的 layui.jquery仍然可用

layui.css大量樣式結(jié)構(gòu)優(yōu)化

10、Bug Fix

修復(fù)select組件在沒(méi)有任何option的情況下報(bào)錯(cuò)的問(wèn)題

修復(fù)導(dǎo)航多個(gè)排列在一起時(shí)，hover出現(xiàn)異常的問(wèn)題

修復(fù)layui.device()方法在Chrome設(shè)備模式無(wú)法識(shí)別ios環(huán)境的問(wèn)題

修復(fù)IE下，多次執(zhí)行l(wèi)ayui.use加載同一個(gè)模塊時(shí)，控制臺(tái)出現(xiàn)多條重復(fù)請(qǐng)求的問(wèn)題(實(shí)際上不是真實(shí)請(qǐng)求)