27 lines
1.2 KiB
Vue
27 lines
1.2 KiB
Vue
<script setup lang="ts">
|
||
import { NButton } from 'naive-ui'
|
||
import { RouterLink } from 'vue-router'
|
||
</script>
|
||
|
||
<template>
|
||
<div class="flex min-h-[calc(100vh-4rem)] items-center justify-center px-4 py-10">
|
||
<div class="w-full max-w-2xl border border-slate-200 bg-white px-8 py-14 text-center shadow-sm">
|
||
<div class="text-7xl leading-none">🤔</div>
|
||
<p class="mt-6 text-sm font-medium uppercase tracking-[0.24em] text-amber-600">404 Not Found</p>
|
||
<h1 class="mt-3 text-4xl font-bold text-slate-900">我也没想明白</h1>
|
||
<p class="mx-auto mt-4 max-w-xl text-sm leading-7 text-slate-600">
|
||
这个页面不存在，或者它已经被移动到了别的地方。换个入口再试一次。
|
||
</p>
|
||
|
||
<div class="mt-8 flex flex-wrap items-center justify-center gap-3">
|
||
<RouterLink to="/">
|
||
<NButton type="default" secondary strong class="oc-panel-button oc-panel-button--sky">返回地图</NButton>
|
||
</RouterLink>
|
||
<RouterLink to="/gallery">
|
||
<NButton type="default" secondary strong class="oc-panel-button oc-panel-button--neutral">去画廊看看</NButton>
|
||
</RouterLink>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|