<template>
|
<div class="m-5 result-error">
|
<Result status="error" title="提交失败" sub-title="请核对并修改以下信息后，再重新提交。">
|
<template #extra>
|
<a-button key="console" type="primary"> 返回修改 </a-button>
|
</template>
|
</Result>
|
<div class="result-error__content">
|
<div class="result-error__content-title">您提交的内容有如下错误：</div>
|
<div class="mb-4">
|
<CloseCircleOutlined class="mr-2 result-error__content-icon" />
|
您的账户已被冻结
|
<a class="ml-4">立即解冻 ></a>
|
</div>
|
<div class="mb-4">
|
<CloseCircleOutlined class="mr-2 result-error__content-icon" />
|
您的账户还不具备申请资格
|
<a class="ml-4">立即解冻 ></a>
|
</div>
|
</div>
|
</div>
|
</template>
|
<script lang="ts" setup>
|
import { Result } from 'ant-design-vue';
|
import { CloseCircleOutlined } from '@ant-design/icons-vue';
|
</script>
|
<style lang="less" scoped>
|
.result-error {
|
padding: 48px 32px;
|
background-color: @component-background;
|
|
&__content {
|
padding: 24px 40px;
|
background-color: @app-content-background;
|
|
&-title {
|
margin-bottom: 16px;
|
font-size: 16px;
|
font-weight: 500;
|
}
|
|
&-icon {
|
color: #ff4d4f;
|
}
|
}
|
}
|
</style>
|
