error.md 1.03 KB
Newer Older
1 2 3 4 5 6 7 8
---
order: 2
title: Failed
---

提交失败。

````jsx
nikogu's avatar
nikogu committed
9
import Result from 'ant-design-pro/lib/Result';
10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39
import { Button, Icon } from 'antd';

const extra = (
  <div>
    <div style={{ fontSize: 16, color: 'rgba(0, 0, 0, 0.65)', fontWeight: '600', marginBottom: 16 }}>
      您提交的内容有如下错误:
    </div>
    <div style={{ marginBottom: 8 }}>
      <Icon style={{ color: '#f04134', marginRight: 8 }} type="close-circle" />您的账户已被冻结
      <a style={{ marginLeft: 24 }}>立即解冻 <Icon type="right" /></a>
    </div>
    <div>
      <Icon style={{ color: '#f04134', marginRight: 8 }} type="close-circle" />您的账户还不具备申请资格
      <a style={{ marginLeft: 24 }}>立即升级 <Icon type="right" /></a>
    </div>
  </div>
);

const actions = <Button size="large" type="primary">返回修改</Button>;

ReactDOM.render(
  <Result
    type="error"
    title="提交失败"
    description="请核对并修改以下信息后,再重新提交。"
    extra={extra}
    actions={actions}
  />
, mountNode);
````