From 9988a795116d4f1473b6e5c7040adc30a522b3bb Mon Sep 17 00:00:00 2001
From: jiayi <690405541@qq.com>
Date: Mon, 4 Dec 2017 18:06:31 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E7=BB=93=E6=9E=9C=E6=A8=A1=E5=9D=97):=20?=
 =?UTF-8?q?=20=E6=96=B0=E5=B8=83=E5=B1=80=E9=A1=B5=E9=9D=A2=EF=BC=8C?=
 =?UTF-8?q?=E5=AE=8C=E5=96=84=E6=95=88=E6=9E=9C=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../feature/result/fail/fail.component.html   | 39 +++++++++++++--
 .../feature/result/fail/fail.component.scss   | 50 +++++++++++++++++++
 2 files changed, 86 insertions(+), 3 deletions(-)

diff --git a/src/app/feature/result/fail/fail.component.html b/src/app/feature/result/fail/fail.component.html
index eec92b8..1862218 100644
--- a/src/app/feature/result/fail/fail.component.html
+++ b/src/app/feature/result/fail/fail.component.html
@@ -1,3 +1,36 @@
-<p>
-  fail works!
-</p>
+<div class="page-header">
+  <sim-breadcrumb></sim-breadcrumb>
+</div>
+<div class="page-content">
+  <sim-card class="m-task">
+    <sim-card-content fxLayout="row" fxLayoutAlign="space-between center">
+      <div class="g-fail">
+        <div class="icon-box">
+          <i class="icon-close-circle text-danger"></i>
+        </div>
+        <h2 class="title">提交失败</h2>
+        <p class="description">请核对并修改以下信息后，再重新提交。</p>
+        <div class="extra">
+          <dl>
+            <dt>您提交的内容有如下错误：</dt>
+            <dd>
+              <i class="icon-close-circle-o text-danger"></i>您的账户已被冻结
+              <a>立即解冻
+                <i class="icon-right"></i>
+              </a>
+            </dd>
+            <dd>
+              <i class="icon-close-circle-o text-danger"></i>您的账户还不具备申请资格
+              <a>立即升级
+                <i class="icon-right"></i>
+              </a>
+            </dd>
+          </dl>
+        </div>
+        <div class="actions">
+          <button sim-button [color]="'primary'">返回列表</button>
+        </div>
+      </div>
+    </sim-card-content>
+  </sim-card>
+</div>
diff --git a/src/app/feature/result/fail/fail.component.scss b/src/app/feature/result/fail/fail.component.scss
index e69de29..4d3dc3b 100644
--- a/src/app/feature/result/fail/fail.component.scss
+++ b/src/app/feature/result/fail/fail.component.scss
@@ -0,0 +1,50 @@
+.g-fail {
+  text-align: center;
+  width: 72%;
+  margin: 48px auto 16px;
+  .icon-box {
+    font-size: 72px;
+    line-height: 72px;
+    margin-bottom: 24px;
+  }
+  .title {
+    font-size: 24px;
+    color: rgba(0, 0, 0, 0.85);
+    font-weight: 500;
+    line-height: 32px;
+    margin-bottom: 16px;
+  }
+  .description {
+    font-size: 14px;
+    line-height: 22px;
+    color: rgba(0, 0, 0, 0.45);
+    margin-bottom: 24px;
+  }
+  .extra {
+    background: #fafafa;
+    padding: 24px 40px;
+    border-radius: 2px;
+    text-align: left;
+    dt {
+      font-size: 16px;
+      color: rgba(0, 0, 0, 0.85);
+      font-weight: 500;
+      margin-bottom: 16px;
+    }
+    dd {
+      margin-bottom: 16px;
+      >i {
+        margin-right: 8px;
+      }
+      >a {
+        margin-left: 16px;
+      }
+    }
+  }
+  .actions {
+    margin-top: 32px;
+    button:not(:last-child) {
+      margin-right: 8px;
+    }
+  }
+}