<template>
  <div class="content">
    <a-result class="result" status="404" :subtitle="'页面不存在'" />
    <div class="operation-row">
      <a-button key="back" type="primary" @click="back">
        刷新或返回上一页
      </a-button>
    </div>
  </div>
</template>

<script lang="ts" setup>
import { useRouter } from 'vue-router';

const router = useRouter();
const back = () => {
  // warning： Go to the node that has the permission
  router.push({ name: 'appleAccount' });
};
</script>

<style scoped lang="less">
.content {
  position: absolute;
  top: 40%;
  left: 50%;
  margin-top: -121px;
  margin-left: -95px;
  text-align: center;
}
</style>
