index.vue
1.46 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<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">
import { defineComponent } from 'vue';
import { Result } from 'ant-design-vue';
import { CloseCircleOutlined } from '@ant-design/icons-vue';
export default defineComponent({
components: {
Result,
CloseCircleOutlined,
},
});
</script>
<style lang="less" scoped>
.result-error {
padding: 48px 32px;
background-color: @component-background;
&__content {
padding: 24px 40px;
background-color: @background-color-light;
&-title {
margin-bottom: 16px;
font-size: 16px;
font-weight: 500;
}
&-icon {
color: #ff4d4f;
}
}
}
</style>