at-error-page

简介

AT 异常页面，有404、500、无访问权限以及默认的四种

API

提供使用 status 和 其他属性：

| 属性 | 类型 | 可选值 | 默认值 | 说明 | | :--- | :--- | :--- | :--- | :--- | | status | String | 404 500 403 | null | 异常状态码，必传属性，如果不是这三种三种按默认类型处理 | | size | String | large middle small | large | 页面类型 | | image | String | null | 三种状态码默认背景图 | 宽度固定高度自适应的图片 | | title | String、ReactNode | null | size为large有根据status相对应的title | Title | | desc | String、ReactNode | null | size为large根据status相对应的desc | Desc | | btnProps | Array | null | null | 定义的按钮属性方法 | | link | String | null | null | 错误提醒的链接 |

代码示例：

import ErrorPage from '@txdfe/at-error-page';

const Demo = () => {
  const props = [
    {
      type: 'normal',
      name: '返回上一页',
      onClick: () => {
        console.log('点击首个按钮');
      },
    },
    {
      type: 'primary',
      name: '返回首页',
      onClick: () => {
        console.log('点击第二个按钮');
      },
    },
  ];

  return (
    <div>
      <h4>large</h4>
      <ErrorPage status="404" title="title" desc="dec" btnProps={props} />
      <h4>middle</h4>
      <ErrorPage status="500" size="middle" title="这里是title" desc="这里是desc" />
      <h4>small</h4>
      <ErrorPage size="small" title="这里是title" desc="这里是desc" noBtn />
    </div>
  );
};