这是一个基于react antdesign 组件库的代码片段，需要先安装antd组件库！！！ 运行命令：npm install antd --save 或者 yarn add antd
| 触发命令 | 描述 |
|---|---|
| rui-breadcrumb-012 | 面包屑 |
| rui-button-001 | 按钮：Primary |
| rui-button-003 | 按钮：Dashed |
| rui-button-005 | 按钮：圆形搜索 |
| rui-button-004 | 按钮：Danger |
| rui-button-007 | 按钮：一组按钮 |
| rui-button-008 | 按钮：loading |
| rui-button-009 | 按钮：圆形loading |
| rui-button-006 | 按钮：带图标 |
| rui-button-002 | 按钮：Default |
| rui-button-010 | 按钮：Dropdown.Button 组合使用 |
| rui-checkbox-020 | 多选框：基本用法 |
| rui-checkbox-021 | 多选框：Checkbox 组，数组中格式也可以为{ label: 'Apple', value: 'Apple' } |
| rui-datepicker-022 | 日期选择框：最简单的用法 |
| rui-datepicker-023 | 日期选择框：开始-结束 |
| rui-dropdown-013 | 下拉菜单 |
| rui-form-024 | 表单：水平登录栏,需要在class定义@Form.create()；render函数里定义const { getFieldDecorator } = this.props.form; |
| rui-form-025 | 表单：普通的登录框,需要在class定义@Form.create()；render函数里定义const { getFieldDecorator } = this.props.form; |
| rui-form-026-layout | 表单依赖，请写在render函数里 |
| rui-grid-011 | 栅格：两列 |
| rui-modal-032 | 对话框：基本使用 |
| rui-page-login | 登录页面UI |
| rui-modal-033 | 对话框：确认对话框 |
| rui-pagination-014 | 分页：基础分页 |
| rui-pagination-015 | 分页：改变每页显示条目数 |
| rui-pagination-016 | 分页：快速跳转到某一页 |
| rui-pagination-017 | 分页：迷你版本 |
| rui-radio-027 | 单选框：最简单的用法 |
| rui-radio-028 | 单选框：单选组合 |
| rui-select-029 | 下拉选择器：基本使用 |
| rui-steps-018 | 步骤条：基本用法 |
| rui-table-031 | 表格：基本使用 |
| rui-switch-030 | 开关：带有文字 |
| rui-steps-019 | 步骤条：竖直方向 |
| rui-form-026 | 表单：注册新用户,需要在class定义@Form.create();注意：请务必再执行‘rui-form-026-layout’ |