hc-components-test/src/components/exception/index.jsx

基于react的通用组件库

import React from 'react';
import ReactDOM from 'react-dom';

import Button from 'antd/lib/button';

import {NavLink} from '../navLink';
import './index.less';

/**
 * data = {
 *  title,
 *  desc,
 *  img
 * }
 */
export const Exception = ({ className, data, links, ...rest }) => {
  return (
    <div className={'j-com-exception ' + className} {...rest}>
      <div className="imgBlock">
        <div
          className="imgEle"
          style={{ backgroundImage: `url(${data.img})` }}
        />
      </div>
      <div className="content">
        <h1>{data.title}</h1>
        <div className="desc">{data.desc}</div>
        {links && (<div className="links"><NavLink links={links}/></div>)}
      </div>
    </div>
  );
};