性感無比的 HTML5 前端 UI 框架,ZUI 1.3 發布

nyyb 9年前發布 | 7K 次閱讀 ZUI

ZUI v 1.3


一個開源前端實踐方案,幫助你快速構現代跨屏應用。

在Github上項目:https://github.com/easysoft/zui

特色

  • 簡單易用,快速構建美觀的現代web應用;

  • 輕量級高性能,讓你的應用更快;

  • 跨平臺支持,多屏幕響應,基于HTML5開發,采用響應式設計,最大限度的利用現代瀏覽器特性,但也支持IE8等舊的瀏覽器;

  • 完整方案,內置大量實用第三方組件,并進行了優化,適用大部分web應用的開發;

  • 易于定制,有多個版本供選擇,主要版本包含大部分特性,額外的內容按需加載。

全新的文檔網站來了!鍵盤俠新福利:使用搜索來查找內容,并支持快捷鍵操作。 增加圖表視圖組件,支持對餅圖、柱狀圖和曲線圖的展示。 另外微調了默認配色,對多個組件UI細節進行了優化,修復大量了問題。

更新明細

  • 全新 的文檔網站,支持搜索和快捷鍵,按需使用Ajax獲取文檔內容,支持直接顯示markdown格式的文檔內容,多個組件的文檔進行了完善;

  • 新增 了一組深色背景的消息框樣式;

  • 新增 圖標組件(基于ChartJS定制),支持展示曲線圖、條狀圖和餅圖,并且餅圖支持直接顯示數據標簽,簡化了該組件配色,為所有圖表類型的數據集都增加了color屬性,可以直接使用ZUI中的配色名稱或者CSS顏色值來指定配色;

  • 新增 了一個輔助使用配色的javascript插件,方便在javascript使用ZUI的默認配色;

  • 新增 了縮放效果的動畫輔助類;

  • 更改 了多個組件在就jQuery對象和window對象上的綁定,現在提供$.zui作為共享對象。

  • 更改 了輪播組件樣式,降低了左右切換按鈕的背景透明度,修復了切換按鈕上的圖標尺寸過小的問題;

  • 更改 了圖標字體,增加了wechat等一些新的圖標;

  • 更改 了模態框,增加了一個選項來使得模態框可以拖拽頭部實時更改展示位置;

  • 更改 了儀表盤視圖,增加一個新的選項來更改拖動時面板的形狀,增強了儀表盤拖拽時的體驗,增加了深色背景樣式;

  • 更改 了拖放組件判斷放置區域的邏輯,在拖拽點擊事件開始時會阻止瀏覽器默認行為,現在更易于使用;

  • 更改 了模塊框尺寸選項,現在可以設置模態框尺寸為全屏;

  • 更改 了默認配色,新的配色更有生命活力,;

  • 更改 了按鈕外觀,移除了按鈕陰影;

  • 更改 了部分組件公開的事件名稱;

  • 更改 卡片中的鏈接顏色,不再使用前景色而是一般鏈接顏色,鼠標懸停外觀效果與普通鏈接一致;

  • 更改 了內置jQuery版本至1.11;

  • 更改 了工具提示和面板插件,增加了選項來設置動態生成的DOM的ID和css class屬性,方便用戶對特定的工具提示消息和面板來自定義樣式;

  • 更改 了拖放和排序插件,增加綁定always事件,重構了內部實現邏輯;

  • 更改 了日歷組件,修復了一些錯誤,調整了月視圖樣式,增加對跨天事件的支持,現在支持英文和繁體中文界面,修復了在IE上的兼容性問題,點擊日期和事件回調的參數中會包含所點擊的標簽對象本身;

  • 更改 了看板視圖,拖放事件可以監聽,并取消本次拖放操作;

  • 更改 了Chosen組件,支持自定義動態生成的DOM的css class屬性;調整了多選的界面,增加搜索圖標;

  • 更改 了代碼塊的樣式,修復了帶行號的代碼的樣式問題;

  • 更改 了文章視圖中的分頁條樣式,更加協調美觀;

  • 更改 了垂直菜單的事件綁定對象,修復了特殊情況下展開和折疊失效的問題;

  • 修復 datatable全選按鈕在reload之后失效的問題;

  • 修復 了模態框觸發器中調用公開方法可能會出錯的問題;

  • 修復 了自定義構建時消息框支持關閉的JS插件沒有包含導致消息框關閉特性不可用的問題;

  • 修復 了儀表盤面板中的刷新按鈕點擊事件無效的問題;

  • 修復 了模態框觸發器調用closeModal可能會出錯的問題,更改了closeModal方法參數順序;

  • 修復 了模態框觸發器加載跨域遠程內容時出錯的問題;

  • 修復 了jQuery擴展輔助方法中的一些錯誤;

  • 修復 了數據表格有時排序失效的問題,修復了在IE瀏覽器上計算行高度錯誤的問題;

  • 修復 使用hsl值構建Color對象無效的問題;

  • 移除 了自動觸發器插件,因為其使用的場景并不多見;

  • 新增 了migrate組件來解決1.2以下的版本升級到1.3版本可能遇到的兼容性問題

使用ZUI開發的項目

zui框架是什么?

zui是禪道項目管理軟件團隊在完善自己產品過程中形成的一個開源前端實踐方案,幫助你快速構現代跨屏應用。它的特點如下:
 > 簡單美觀,易于使用,快速構建簡潔大方的現代web應用。
 > 新穎健壯,采用HTML5且支持所有流行的移動及桌面瀏覽器平臺,一些舊的瀏覽器也能夠降級支持。
 > 輕快獨立穩定,最佳的可用性能,最大限度的不依賴于外部組件。
 > 全平臺響應,一次編寫,響應任何尺寸的設備。
 > 比較適合中文環境

 本文由用戶 nyyb 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!