62 lines
1.7 KiB
Plaintext
62 lines
1.7 KiB
Plaintext
<template>
|
||
<a-card :bordered="false" class="proCard">
|
||
<div class="result-box">
|
||
<a-result
|
||
status="info"
|
||
title="提示"
|
||
description="本次提交，将在24小时候内自动转入对方账户，如操作失误，请及时撤回"
|
||
>
|
||
<div class="result-box-extra">
|
||
<p>您提交的内容如下：</p>
|
||
<p class="mt-3">
|
||
<a-space align="center">
|
||
<CheckCircleOutlined style="color: #18a058" />
|
||
<span>转入支付宝账户（189****5426）：￥1980元</span>
|
||
<a-button type="link">立即撤回</a-button>
|
||
</a-space>
|
||
</p>
|
||
<p class="mt-3">
|
||
<a-space>
|
||
<CheckCircleOutlined style="color: #18a058" />
|
||
<span>转入支付宝账户（187****5426）：￥2980元</span>
|
||
<a-button type="link">立即撤回</a-button>
|
||
</a-space>
|
||
</p>
|
||
</div>
|
||
<template #extra>
|
||
<a-space align="center" class="mb-4">
|
||
<a-button type="primary" @click="goHome">回到首页</a-button>
|
||
<a-button>查看详情</a-button>
|
||
<a-button>全部撤回</a-button>
|
||
</a-space>
|
||
</template>
|
||
</a-result>
|
||
</div>
|
||
</a-card>
|
||
</template>
|
||
<script lang="ts" setup>
|
||
import { useRouter } from 'vue-router';
|
||
import { CheckCircleOutlined } from '@ant-design/icons-vue';
|
||
|
||
const router = useRouter();
|
||
|
||
function goHome() {
|
||
router.push('/');
|
||
}
|
||
</script>
|
||
<style lang="less" scoped>
|
||
.result-box {
|
||
width: 72%;
|
||
margin: 0 auto;
|
||
text-align: center;
|
||
padding-top: 5px;
|
||
|
||
&-extra {
|
||
padding: 10px 40px;
|
||
text-align: left;
|
||
background: var(--border-color);
|
||
border-radius: 4px;
|
||
}
|
||
}
|
||
</style>
|