使用,记得import { Button } from 'antd';
1,button
(1)单纯的按钮类型,按钮有四种类型:主按钮、次按钮、虚线按钮、危险按钮(根据type不同:primary,dashed,danger)
ReactDOM.render(<Button type=''primary'' ></Button> ,mountNode);
(2)带图标的按钮类型
2.layout布局(grid layout flex)
3Affix固钉:随着移动,可以是某些部件固定地方不随滑动
4,Breadcrumb面包屑:就是目录层级导航,可以目录追踪
5,Dropdown下拉菜单:包括点击,悬浮等效果展示使用,包裹需要展示的虚拟节点,一般和Menu搭配使用,可以设置展示的上下左右位置不同
6,Menu导航菜单:水平的顶部导航菜单和垂直树形,内嵌/弹出菜单,菜单禁用,主题更换,动态更换主图和下拉形式
7,Pagination分页,符合多种分页需求,
8,Steps步骤条:将其分解成一系列步骤,从而简化任务,水平和垂直状态,节点状态和节点样式
9.AutoComplete自动完成:类似填写提示或者历史填写记录的功能
10.Cascader级联选择:同框联级和支持带搜索功能,默认选中
11.Checkbox多选框;满足基本的多选,可做受控组件,多选组
12.DatePicker日期类选择控件:可拆分年月日单独使用,区间,周期,时间格式,样式大小,双时间控件,时间限制区域选择,时间note提示等实现
13,Form表单:水平垂直样式布局和验证规则,提示
14,Input输入框:样式大小;基本使用;也可以配置一些固定组合,前后增加固定组件;内置图标等;也可以结合 Tooltip 组件,提示信息;InputNumber数字输入框,在基础上固定输入类型
15Mention提及:用于在输入中提及某人或某事,常用于发布、聊天或评论功能。(不太明白这句话和这个功能)
16.Rate评分:例如:五星评分!给小心心啦
17.Radio单选框:满足基本的多选,可做受控组件,多选组RadioGroup配置一组,
18.Select选择器:下拉支持单选多选,联动,搜索
19.Slider滑动输入条:水平/垂直滑动,区间滑动,一般使用类似声量,温度等
20Switch开关:开关选择器。可以控制一些可控组件组合
21.TreeSelect树选择:树型选择控件支持单选多选。
22.TimePicker时间选择框:只针对时分秒
23.Transfer穿梭框:用直观的方式在两栏中移动元素,完成选择行为。
24.Upload上传:文件选择上传和拖拽上传控件。上传进度条,图片展示(照片墙),
25.Avatar头像:大小样式,徽标,更换等功能
26,Badge徽标数:一般出现在通知图标或头像的右上角,用于显示需要处理的消息条数,通过醒目视觉形式吸引用户处理。
27.Calendar日历:
28.Card卡片:可用于图文展示这种类似
29.Carousel走马灯:图片轮转
30,Collapse折叠面板:可以折叠/展开的内容区域。对复杂区域进行分组和隐藏,保持页面的整洁。手风琴 是一种特殊的折叠面板,只允许单个内容区域展开。
31,常见 的应用;list列表;table表格,tabs标签(页切换),tag标签(展示关键信息),tree(树形展示)
32.popover气泡框:功能类似于jq气泡插件一样的效果,Tooltip文字提示则是用于简单的文字提示气泡框。可用来代替系统默的 title 提示
33,Table表格:功能可以类似于jquery表格插件Bootstrap Table
34.Timeline时间轴:类似里程碑展示
未完待续。。。。。。