32 lines
696 B
Vue
32 lines
696 B
Vue
<script setup lang="ts">
|
|
import { Button, Result } from 'ant-design-vue';
|
|
import { useRouter } from 'vue-router';
|
|
|
|
const router = useRouter();
|
|
const back = () => {
|
|
router.replace('/');
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<div class="content">
|
|
<Result class="result" status="404" sub-title="页面跑路了" />
|
|
<div class="operation-row flex justify-center">
|
|
<Button key="back" type="primary" @click="back">返回</Button>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped lang="scss">
|
|
.content {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
padding: 32px 32px 24px;
|
|
// margin-left: -95px;
|
|
// margin-top: -121px;
|
|
// text-align: center;
|
|
}
|
|
</style>
|