| 提交 | 用户 | age | ||
| 21e054 | 1 | <template> |
| V | 2 | <div class="m-5 result-error"> |
| 3 | <Result status="error" title="提交失败" sub-title="请核对并修改以下信息后，再重新提交。"> | |
| 4 | <template #extra> | |
| 5 | <a-button key="console" type="primary"> 返回修改 </a-button> | |
| 6 | </template> | |
| 7 | </Result> | |
| 8 | <div class="result-error__content"> | |
| 56a966 | 9 | <div class="result-error__content-title">您提交的内容有如下错误：</div> |
| 21e054 | 10 | <div class="mb-4"> |
| V | 11 | <CloseCircleOutlined class="mr-2 result-error__content-icon" /> |
| 12 | 您的账户已被冻结 | |
| 13 | <a class="ml-4">立即解冻 ></a> | |
| 14 | </div> | |
| 15 | <div class="mb-4"> | |
| 16 | <CloseCircleOutlined class="mr-2 result-error__content-icon" /> | |
| 17 | 您的账户还不具备申请资格 | |
| 18 | <a class="ml-4">立即解冻 ></a> | |
| 19 | </div> | |
| 20 | </div> | |
| 21 | </div> | |
| 22 | </template> | |
| 23 | <script lang="ts"> | |
| 24 | import { defineComponent } from 'vue'; | |
| 25 | import { Result } from 'ant-design-vue'; | |
| 26 | import { CloseCircleOutlined } from '@ant-design/icons-vue'; | |
| 27 | export default defineComponent({ | |
| 28 | components: { | |
| 29 | Result, | |
| 30 | CloseCircleOutlined, | |
| 31 | }, | |
| 32 | }); | |
| 33 | </script> | |
| 34 | <style lang="less" scoped> | |
| 35 | .result-error { | |
| 36 | padding: 48px 32px; | |
| 2cdf2c | 37 | background-color: @component-background; |
| 21e054 | 38 | |
| V | 39 | &__content { |
| 40 | padding: 24px 40px; | |
| 2cdf2c | 41 | background-color: @background-color-light; |
| 21e054 | 42 | |
| V | 43 | &-title { |
| 44 | margin-bottom: 16px; | |
| 45 | font-size: 16px; | |
| 46 | font-weight: 500; | |
| 47 | } | |
| 48 | ||
| 49 | &-icon { | |
| 50 | color: #ff4d4f; | |
| 51 | } | |
| 52 | } | |
| 53 | } | |
| 54 | </style> | |
