diff --git a/src/common/nav.js b/src/common/nav.js index 50d71b8558bc354e053bea8514eab086bcb8e1ef..c928a0c97b389e9ae8f13365b99831d6f865e5ea 100644 --- a/src/common/nav.js +++ b/src/common/nav.js @@ -123,8 +123,8 @@ const data = [{ component: Error, }], }, { - name: '错误', - path: 'error', + name: '异常', + path: 'exception', icon: 'warning', children: [{ name: '403', diff --git a/src/components/Exception/index.js b/src/components/Exception/index.js index 560d782e50508d6c52ce4f1edfc050a245713833..9f2035353a83e9647b2ec294fc70b4707f1d2689 100644 --- a/src/components/Exception/index.js +++ b/src/components/Exception/index.js @@ -12,7 +12,10 @@ export default ({ className, type, title, desc, img, actions }) => { return (
- +

{title || config[pageType].title}

diff --git a/src/components/Exception/index.less b/src/components/Exception/index.less index 37b639f9b5a550af8ff0ec3c800630aa9156cbea..6f1fefd222d221613b2482e2de501b3dccc7ab91 100644 --- a/src/components/Exception/index.less +++ b/src/components/Exception/index.less @@ -1,4 +1,5 @@ @import "~antd/lib/style/themes/default.less"; +@import "../../utils/utils.less"; .exception { display: flex; @@ -8,8 +9,16 @@ .imgBlock { flex: 0 0 62.5%; width: 62.5%; - text-align: right; padding-right: 152px; + .clearfix(); + } + + .imgEle { + height: 360px; + width: 430px; + float: right; + background-repeat: no-repeat; + background-position: 50% 50%; } .content { diff --git a/src/components/Exception/typeConfig.js b/src/components/Exception/typeConfig.js index a1f018c8aca45e198c5bb4b11948a4d9b2e67fe8..3718d8197282fa4265faed59a9961063c922fbda 100644 --- a/src/components/Exception/typeConfig.js +++ b/src/components/Exception/typeConfig.js @@ -1,16 +1,16 @@ const config = { 403: { - img: 'https://gw.alipayobjects.com/zos/rmsportal/byTGXmzwJVwgotvxHQsU.svg', + img: 'https://gw.alipayobjects.com/zos/rmsportal/eKcaKpQhaYgsEzCnYKSV.svg', title: '403', desc: '对不起,你没有权限', }, 404: { - img: 'https://gw.alipayobjects.com/zos/rmsportal/GdXXOjtMMzaPfCziUVYt.svg', + img: 'https://gw.alipayobjects.com/zos/rmsportal/CSBcmGONHHPYIrPukBQW.svg', title: '404', desc: '你要找的页面不存在', }, 500: { - img: 'https://gw.alipayobjects.com/zos/rmsportal/OpTUNDbQGfEWLubSrJap.svg', + img: 'https://gw.alipayobjects.com/zos/rmsportal/BxwCjbIDiNOcmoEGMXfk.svg', title: '500', desc: '服务器错误,我们正在维修', },