| | |
| | | ProForm, |
| | | ProFormText, |
| | | ProFormTextArea, |
| | | ProFormSelect |
| | | } from '@ant-design/pro-components'; |
| | | import { Button, Input, message, Upload } from 'antd'; |
| | | import React from 'react'; |
| | |
| | | > |
| | | <ProFormText |
| | | width="md" |
| | | name="username" |
| | | label="账号" |
| | | disabled |
| | | rules={[ |
| | | { |
| | | required: true, |
| | | message: '请输入您的账号!', |
| | | }, |
| | | ]} |
| | | /> |
| | | <ProFormText |
| | | width="md" |
| | | name="nickname" |
| | | label="名称" |
| | | rules={[ |
| | | { |
| | | required: true, |
| | | message: '请输入您的名称!', |
| | | }, |
| | | ]} |
| | | /> |
| | | <ProFormSelect |
| | | width="md" |
| | | name="sex" |
| | | label="性别" |
| | | colProps={{ md: 12, xl: 12 }} |
| | | placeholder="请选择" |
| | | options={[ |
| | | { label: '未知', value: 0 }, |
| | | { label: '男', value: 1 }, |
| | | { label: '女', value: 2 }, |
| | | ]} |
| | | /> |
| | | <ProFormText |
| | | width="md" |
| | | name="phone" |
| | | label="手机号" |
| | | rules={[ |
| | | { |
| | | required: true, |
| | | message: '请输入您的手机号!', |
| | | }, |
| | | ]} |
| | | /> |
| | | <ProFormText |
| | | width="md" |
| | | name="email" |
| | | label="邮箱" |
| | | rules={[ |
| | |
| | | /> |
| | | <ProFormText |
| | | width="md" |
| | | name="name" |
| | | label="昵称" |
| | | name="realName" |
| | | label="真实姓名" |
| | | rules={[ |
| | | { |
| | | required: true, |
| | | message: '请输入您的昵称!', |
| | | message: '请输入您的真实姓名!', |
| | | }, |
| | | ]} |
| | | /> |
| | | <ProFormText |
| | | width="md" |
| | | name="realName" |
| | | label="真实姓名" |
| | | rules={[ |
| | | { |
| | | required: true, |
| | | message: '请输入您的真实姓名!', |
| | | }, |
| | | ]} |
| | | /> |
| | | <ProFormText |
| | | width="md" |
| | | name="idCard" |
| | | label="身份证号" |
| | | rules={[ |
| | | { |
| | | required: true, |
| | | message: '请输入您的身份证号!', |
| | | }, |
| | | ]} |
| | | /> |
| | | <ProFormTextArea |
| | | name="profile" |
| | | name="introduction" |
| | | label="个人简介" |
| | | rules={[ |
| | | { |
| | |
| | | }, |
| | | ]} |
| | | placeholder="个人简介" |
| | | /> |
| | | |
| | | <ProFormText |
| | | width="md" |
| | | name="address" |
| | | label="地址" |
| | | rules={[ |
| | | { |
| | | required: true, |
| | | message: '请输入您的地址!', |
| | | }, |
| | | ]} |
| | | /> |
| | | </ProForm> |
| | | </div> |