NG-ZORRO-MOBILE (Ant Design Mobile of Angular) 移動端UI元件庫正式釋出

NG_ZORRO_MOBILE發表於2018-10-10

zorro-banner.jpg

NG-ZORRO-MOBILE 是 Ant Design 移動規範的 Angular 實現。

Ant Design 作為服務於企業級產品的設計體系,基於『確定』和『自然』的設計價值觀,通過模組化的解決方案,降低冗餘的生產成本,用其簡單且高效的設計理念,讓設計者專注於更好的使用者體驗。

Ant Design 釋出之初僅有 React 版本實現,為了讓 Angular 開發者也能享受 Ant Design 的優秀設計,阿里計算平臺事業部和阿里資料技術及產品部開始共同籌備 NG-ZORRO (Ant Design of Angular),其中 NG-ZORRO DESKTOP 已於去年對外開源,目前已經有來自超過 50 個國家每月 2.7w 以上的活躍使用者。NG-ZORRO MOBILE 版本之前一直在內部產品中使用,經過不斷沉澱與打磨,NG-ZORRO-MOBILE 已經越發成熟,另外 Angular 社群對移動端元件庫的呼聲也越來越高。至此,NG-ZORRO-MOBILE 正式開源 ?。

入口

GitHub   :  NG-ZORRO/ng-zorro-antd-mobile

官方網站 : Ant Design Mobile of Angular

npm地址 : NPM - Ant Design Mobile of Angular

設計規範 : Ant Design Mobile 設計指引

特性

NG-ZORRO-MOBILE UI 元件庫目前支援 Angular ^6.0.0, 最新版 Angular 擁有相當完善的工具鏈,也極大的提高了執行速度,讓元件的能力進一步提升。為了讓開發者能夠以最低的成本接入,元件的絕大部分內容已和 React 版本的 Ant Design Mobile 保持同步。 目前元件數量已經覆蓋 React 版本45個元件(剩餘的Listview 元件功能會通過 List 元件實現),元件的風格已與 Ant Design 最新版移動規範保持同步,元件的介面也儘量保持了與 Ant Design 的 React 版本一致(由於 Angular 的特性區別,某些元件的使用方式可能有所改變)。

gif_all.gif

Ionic

One more thing,Ionic 作為 Angular 最活躍,最龐大的社群之一,為 Angular 的發展提供了不可磨滅的功勞。NG-ZORRO-MOBILE 將無縫支援 Ionic 4 ,詳細接入步驟請參考《在Ionic中使用》。廣大開發者們會讓 NG-ZORRO-MOBILE 和 Ionic 碰撞出怎樣的火花?我們共同期待!

ionic-framework-bg.png

例項賞析

NG-ZORRO-MOBILE 目前已在阿里巴巴多個商業資料產品中使用:生意參謀、觀星臺、智慧門店等,每日經受千萬級 PV的考驗,更多應用場景等你來發掘!

prod_preview.png

線上文件

我們為每個元件都提供了清晰詳細的文件,每個程式碼示例展開後都可以在 stackblitz 上直接快速編輯。 另外目前的文件系統完全由 markdown 生成,大家可以通過點選文件中的編輯按鈕快速提出對文件的修改建議

stackblitz.png

程式碼質量

測試的重要性不言而喻,動態語言如 JS 更甚。完備的測試,是專案完全上線,後期重構的基石。在程式碼質量方面,我們有較為嚴格的控制,目前有測試用例共460例,測試覆蓋度達到了86%以上,後續會逐步提高測試用例覆蓋度。

20181008112917.png

關於開發者

NG-ZORRO-MOBILE 由 阿里資料技術及產品部-終端技術 的小夥伴們開發完成,感謝團隊成員:fisherspy、Guoyuanqiang、BronzeCui、sWhite01111、Chrisvy、3Fuyu 的辛苦付出。在開源準備中, NG-ZORRO Desktop 和 Ant Design Mobile 團隊的小夥伴們給與了我們很大的幫助,感謝大家。

單絲不成線,獨木不成林,歡迎各位社群開發者加入我們,共同開發和維護 NG-ZORRO-MOBILE。由於元件整體功能十分複雜,難免有紕漏之出,歡迎提 ISSUE 和 PR 給我們,期待您的幫助。

為了能讓開發者有更好的開發體驗,我們建立了釘釘答疑自主群,見首頁banner中二維碼

相關文章