61 lines
1.2 KiB
Vue
61 lines
1.2 KiB
Vue
<docs>
|
|
---
|
|
order: 6
|
|
title:
|
|
zh-CN: Error
|
|
en-US: Error
|
|
---
|
|
|
|
## zh-CN
|
|
|
|
å¤æįéč¯¯åéĻã
|
|
|
|
## en-US
|
|
|
|
Complex error feedback.
|
|
|
|
</docs>
|
|
|
|
<template>
|
|
<a-result
|
|
status="error"
|
|
title="Submission Failed"
|
|
sub-title="Please check and modify the following information before resubmitting."
|
|
>
|
|
<template #extra>
|
|
<a-button key="console" type="primary">Go Console</a-button>
|
|
<a-button key="buy">Buy Again</a-button>
|
|
</template>
|
|
|
|
<div class="desc">
|
|
<p style="font-size: 16px">
|
|
<strong>The content you submitted has the following error:</strong>
|
|
</p>
|
|
<p>
|
|
<close-circle-outlined :style="{ color: 'red' }" />
|
|
Your account has been frozen
|
|
<a>Thaw immediately ></a>
|
|
</p>
|
|
<p>
|
|
<close-circle-outlined :style="{ color: 'red' }" />
|
|
Your account is not yet eligible to apply
|
|
<a>Apply Unlock ></a>
|
|
</p>
|
|
</div>
|
|
</a-result>
|
|
</template>
|
|
<script lang="ts">
|
|
import { CloseCircleOutlined } from '@ant-design/icons-vue';
|
|
import { defineComponent } from 'vue';
|
|
export default defineComponent({
|
|
components: {
|
|
CloseCircleOutlined,
|
|
},
|
|
});
|
|
</script>
|
|
<style scoped>
|
|
.desc p {
|
|
margin-bottom: 1em;
|
|
}
|
|
</style>
|