react-code-snippet
这是一个基于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’ |
| |