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 @@ -

- fail works! -

+ +
+ + +
+
+ +
+

提交失败

+

请核对并修改以下信息后,再重新提交。

+
+
+
您提交的内容有如下错误:
+
+ 您的账户已被冻结 + 立即解冻 + + +
+
+ 您的账户还不具备申请资格 + 立即升级 + + +
+
+
+
+ +
+
+
+
+
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; + } + } +}