@txdfe/at-error-page

1.0.1 • Public • Published

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>
  );
};

Readme

Keywords

none

Package Sidebar

Install

npm i @txdfe/at-error-page

Weekly Downloads

7

Version

1.0.1

License

ISC

Unpacked Size

1.46 MB

Total Files

17

Last publish

Collaborators

  • jiangyuanzhi
  • zhzxang
  • purple-force
  • zuoqi
  • tod.zx
  • 2ehao
  • bowei.jbw
  • teamaxy
  • cyris
  • saviio