12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970 |
- import React from 'react';
- import { Input, Icon } from 'antd';
- import styles from './index.less';
-
- const map = {
- UserName: {
- component: Input,
- props: {
- size: 'large',
- prefix: <Icon type="user" className={styles.prefixIcon} />,
- placeholder: 'admin',
- },
- rules: [
- {
- required: true,
- message: 'Please enter username!',
- },
- ],
- },
- Password: {
- component: Input,
- props: {
- size: 'large',
- prefix: <Icon type="lock" className={styles.prefixIcon} />,
- type: 'password',
- placeholder: '888888',
- },
- rules: [
- {
- required: true,
- message: 'Please enter password!',
- },
- ],
- },
- Mobile: {
- component: Input,
- props: {
- size: 'large',
- prefix: <Icon type="mobile" className={styles.prefixIcon} />,
- placeholder: 'mobile number',
- },
- rules: [
- {
- required: true,
- message: 'Please enter mobile number!',
- },
- {
- pattern: /^1\d{10}$/,
- message: 'Wrong mobile number format!',
- },
- ],
- },
- Captcha: {
- component: Input,
- props: {
- size: 'large',
- prefix: <Icon type="mail" className={styles.prefixIcon} />,
- placeholder: 'captcha',
- },
- rules: [
- {
- required: true,
- message: 'Please enter Captcha!',
- },
- ],
- },
- };
-
- export default map;
|