<script setup lang="ts">
import { useRouter } from 'vue-router'
import { NButton, NIcon, NResult } from 'naive-ui'
import { ArrowBackOutline } from '@vicons/ionicons5'
const router = useRouter()
</script>

<template>
  <div style="display:flex;align-items:center;justify-content:center;min-height:80vh">
    <NResult status="404" title="页面未找到" description="你访问的页面不存在或已被移除">
      <template #footer>
        <NButton type="primary" class="sky-btn" @click="router.push('/')"><template #icon><NIcon size="14"><ArrowBackOutline /></NIcon></template>返回首页</NButton>
        <NButton style="margin-left:8px" class="sky-btn" @click="router.back()"><template #icon><NIcon size="14"><ArrowBackOutline /></NIcon></template>返回上页</NButton>
      </template>
    </NResult>
  </div>
</template>
