lingji-work-fe/src/layouts/NotFound.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>