1234567891011121314151617181920212223242526272829303132333435363738 |
- import React, { createElement } from 'react';
- import classNames from 'classnames';
- import { Button } from 'antd';
- import config from './typeConfig';
- import styles from './index.less';
-
- const Exception = ({ className, linkElement = 'a', type, title, desc, img, actions, ...rest }) => {
- const pageType = type in config ? type : '404';
- const clsString = classNames(styles.exception, className);
- return (
- <div className={clsString} {...rest}>
- <div className={styles.imgBlock}>
- <div
- className={styles.imgEle}
- style={{ backgroundImage: `url(${img || config[pageType].img})` }}
- />
- </div>
- <div className={styles.content}>
- <h1>{title || config[pageType].title}</h1>
- <div className={styles.desc}>{desc || config[pageType].desc}</div>
- <div className={styles.actions}>
- {actions ||
- createElement(
- linkElement,
- {
- to: '/',
- href: '/',
- },
- <Button type="primary">返回首页</Button>
- )}
- </div>
- </div>
- </div>
- );
- };
-
- export default Exception;
|