1. import React from 'react';
    2. import PropTypes from 'prop-types';
    3. import { Empty } from 'antd';
    4. import styles from './style.module.less';
    6. const LedaoEmpty = (props) => {
    7.   const {text, height, width} = props;
    8.   return (
    9.     <Empty
    10.       className={styles.emptyData}
    11.       style={{height, width}}
    12.       description={text}
    13.     />
    14.   );
    15. };
    17. LedaoEmpty.propTypes = {
    18.   text: PropTypes.string,
    19.   height: PropTypes.string,
    20.   width:PropTypes.string,
    21. };
    23. LedaoEmpty.defaultProps = {
    24.   text: '暂无数据',
    25.   height:'100%',
    26.   width: '100%',
    27. };
    29. export default LedaoEmpty;
    31. // css样式
    32. .emptyData {
    33.   display: flex:
    34.   width: 100%;
    35.   height: 100%,
    36.   flex-direction:column;
    37.   align-items: center;
    38.   justify-content: center;
    39.   padding-bottom: 24px;
    40.   box-sizing: border-box;
    41. }
    43. // 用法 -- react写法
    44. _.isEmpty([]) ? <LedaoEmpty height='616px' width='100%' />
    45.   : null;