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 的特性區別,某些元件的使用方式可能有所改變)。
Ionic
One more thing,Ionic 作為 Angular 最活躍,最龐大的社群之一,為 Angular 的發展提供了不可磨滅的功勞。NG-ZORRO-MOBILE 將無縫支援 Ionic 4 ,詳細接入步驟請參考《在Ionic中使用》。廣大開發者們會讓 NG-ZORRO-MOBILE 和 Ionic 碰撞出怎樣的火花?我們共同期待!
例項賞析
NG-ZORRO-MOBILE 目前已在阿里巴巴多個商業資料產品中使用:生意參謀、觀星臺、智慧門店等,每日經受千萬級 PV的考驗,更多應用場景等你來發掘!
線上文件
我們為每個元件都提供了清晰詳細的文件,每個程式碼示例展開後都可以在 stackblitz 上直接快速編輯。 另外目前的文件系統完全由 markdown 生成,大家可以通過點選文件中的編輯按鈕快速提出對文件的修改建議。
程式碼質量
測試的重要性不言而喻,動態語言如 JS 更甚。完備的測試,是專案完全上線,後期重構的基石。在程式碼質量方面,我們有較為嚴格的控制,目前有測試用例共460例,測試覆蓋度達到了86%以上,後續會逐步提高測試用例覆蓋度。
關於開發者
NG-ZORRO-MOBILE 由 阿里資料技術及產品部-終端技術 的小夥伴們開發完成,感謝團隊成員:fisherspy、Guoyuanqiang、BronzeCui、sWhite01111、Chrisvy、3Fuyu 的辛苦付出。在開源準備中, NG-ZORRO Desktop 和 Ant Design Mobile 團隊的小夥伴們給與了我們很大的幫助,感謝大家。
單絲不成線,獨木不成林,歡迎各位社群開發者加入我們,共同開發和維護 NG-ZORRO-MOBILE。由於元件整體功能十分複雜,難免有紕漏之出,歡迎提 ISSUE 和 PR 給我們,期待您的幫助。
為了能讓開發者有更好的開發體驗,我們建立了釘釘答疑自主群,見首頁banner中二維碼