官方文档:https://ant.design/docs/react/introduce-cn
说明:Ant Design 是一个 ui框架,和 bootstrap 一样是ui框架。里面的组件很完善,开发中后台系统非常方便。分别基于react、vue、angular框架,各自开发了一套 Ant Design 的UI框架。(这里主要讲react框架的 Ant Design)
一、通用组件
1、Button 按钮
2、Icon 图标
3、Typography 排版: 这个是文案的排版
二、布局
1、Grid 栅格:24 栅格系统,和 bootstrap中的12栅格系统一样的功能。
a、<Row gutter={16}>,给Col 组件之间 添加16像素的间距【原理和bootstrap差不多】。他们之间的间距是以padding撑出来的,所以在 Col 组件上不要使用背景色,最好其它的样式都不要设置吧。
b、两种栅格系统【基础栅格、flex栅格布局】
2、Layout布局:这个是针对 页面级整体布局
三、导航
1、Affix固钉:
2、Breadcrumb面包屑:
3、Dropdown下拉菜单:
4、Menu导航菜单:
5、Pagination分页:
6、PageHeader页头:
7、Steps步骤条:
四、数据录入 看官方文档
1、AutoComplete自动完成
2、Checkbox多选框
3、Cascader级联选择
。。。。。。
五、反馈 看官方文档
1、Modal对话框
2、Drawer抽屉
。。。。。。
六、其它 看官方文档