ohayolibs/packages/components/result/demo/fail.md

Ohayo is a set of essential modules for ohayojp.

---
order: 0
title: Failed
---

提交失败。

```ts
import { Component } from '@angular/core';

@Component({
  selector: 'app-demo',
  template: `
    <result type="error" [title]="'提交失败'" description="请核对并修改以下信息后，再重新提交。" [extra]="resultExtra">
      <ng-template #resultExtra>
        <div class="mb-md text-lg">您提交的内容有如下错误：</div>
        <div class="mb-md">
          <i nz-icon nzType="close-circle" class="text-error pr-sm"></i>您的账户已被冻结
          <a class="ml-md">立即解冻<i nz-icon nzType="right" class="pl-sm"></i></a>
        </div>
        <div>
          <i nz-icon nzType="close-circle" class="text-error pr-sm"></i>您的账户还不具备申请资格
          <a class="ml-md">立即升级<i nz-icon nzType="right" class="pl-sm"></i></a>
        </div>
      </ng-template>
      <button nz-button [nzType]="'primary'">返回修改</button>
    </result>
  `,
})
export class DemoComponent {}
```