1.0.1 • Published 4 years ago
@txdfe/at-error-page v1.0.1
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>
);
};