去年圣诞节,“antd彩蛋”事件可以说是引起一阵骚动,正当人们沉浸在节日的气氛中时,部分开发者突然发现他们开发的Web网页的界面发生了变化,按钮上方出现“积雪”特效,并增加HoHoHo!下面让我们来了解一下这主角。
“AntDesign”是由蚂蚁金服体验技术部出品的一个UI设计语言,一套提炼和应用于企业级后台产品的交互语言和视觉体系,旨在统一中台项目的前端UI设计,屏蔽不必要的设计差异和实现成本,解放设计和前端的研发资源。
AntDesign是一个致力于提升『用户』和『设计者』使用体验的中台设计语言。它模糊了产品经理、交互设计师、视觉设计师、前端工程师、开发工程师等角色边界,将进行UE设计和UI设计人员统称为『设计者』,利用统一的规范进行设计赋能,全面提高中台产品体验和研发效率。
AntDesign是基于React的前端框架实现。
特点
企业级金融产品的交互语言和视觉体系。
丰富实用的ReactUI组件。
基于React的组件化开发模式。
背靠npm生态圈。
基于webpack的调试构建方案,支持ES6
快速上手
1.nodeJS4.x以上
2.npminstallantd-init-g安装antd
3.初始化项目
mkdirantd-democdantd-demo
antd-init初始化项目
npminstall安装依赖
4.使用组件
编辑src/