博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
NG-ZORRO-MOBILE (Ant Design Mobile of Angular) 移动端UI组件库正式发布
阅读量:6581 次
发布时间:2019-06-24

本文共 1532 字,大约阅读时间需要 5 分钟。

zorro-banner.jpg

NG-ZORRO-MOBILE 是 Ant Design 移动规范的 Angular 实现。

作为服务于企业级产品的设计体系,基于『确定』和『自然』的设计价值观,通过模块化的解决方案,降低冗余的生产成本,用其简单且高效的设计理念,让设计者专注于更好的用户体验。

Ant Design 发布之初仅有 React 版本实现,为了让 Angular 开发者也能享受 Ant Design 的优秀设计,阿里计算平台事业部和阿里数据技术及产品部开始共同筹备 NG-ZORRO (Ant Design of Angular),其中 已于去年对外开源,目前已经有来自超过 50 个国家每月 2.7w 以上的活跃用户。NG-ZORRO MOBILE 版本之前一直在内部产品中使用,经过不断沉淀与打磨, 已经越发成熟,另外 Angular 社区对移动端组件库的呼声也越来越高。至此,NG-ZORRO-MOBILE 正式开源 ?。

入口

GitHub   : 

官方网站 :
npm地址 :
设计规范 :

特性

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 ,详细接入步骤请参考。广大开发者们会让 NG-ZORRO-MOBILE 和 Ionic 碰撞出怎样的火花?我们共同期待!

ionic-framework-bg.png

实例赏析

NG-ZORRO-MOBILE 目前已在阿里巴巴多个商业数据产品中使用:生意参谋、观星台、智慧门店等,每日经受千万级 PV 的考验,更多应用场景等你来发掘!

prod_preview.png

在线文档

我们为每个组件都提供了清晰详细的文档,每个代码示例展开后都可以在 上直接快速编辑。 另外目前的文档系统完全由 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中二维码。

转载地址:http://hiino.baihongyu.com/

你可能感兴趣的文章
SpringMVC(一)
查看>>
用户登录的代码编写思路
查看>>
Spark RDD Action 简单用例(二)
查看>>
java.util 类 TreeSet<E>
查看>>
[LUOGU] P2593 [ZJOI2006]超级麻将
查看>>
Ubuntu-18.04下安装mysql
查看>>
git status简介
查看>>
移动端H5开发填坑
查看>>
vector的erase函数
查看>>
CentOS7系统时间同步及时区设置
查看>>
windows系统实现mysql数据库数据库主从复制
查看>>
jquery
查看>>
JavaScript中判断日期是否相等
查看>>
关于“人人网”的需求分析
查看>>
从锅炉工到AI专家(9)
查看>>
em、rem和px的区别
查看>>
Grunt 快速入门
查看>>
Spring cloud
查看>>
转:jdk动态代理实现
查看>>
手动修改/etc/shadow和/etc/passwd中的用户密码
查看>>