41 lines
1022 B
Vue
41 lines
1022 B
Vue
<template>
|
||
<div class="min-h-screen bg-main flex items-center justify-center">
|
||
<div class="text-center px-4">
|
||
<div class="text-8xl text-primary mb-4">404</div>
|
||
<h1 class="text-3xl font-bold text-primary mb-4">页面未找到</h1>
|
||
<p class="text-lg text-secondary mb-8">
|
||
抱歉，您访问的页面不存在或已被移除。
|
||
</p>
|
||
<div class="space-x-4">
|
||
<button
|
||
@click="goHome"
|
||
class="btn-primary"
|
||
>
|
||
<FontAwesomeIcon :icon="['fas', 'home']" class="mr-2" />
|
||
返回首页
|
||
</button>
|
||
<button
|
||
@click="goBack"
|
||
class="btn-secondary"
|
||
>
|
||
<FontAwesomeIcon :icon="['fas', 'arrow-left']" class="mr-2" />
|
||
返回上页
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import { useRouter } from 'vue-router'
|
||
|
||
const router = useRouter()
|
||
|
||
const goHome = () => {
|
||
router.push('/')
|
||
}
|
||
|
||
const goBack = () => {
|
||
history.back()
|
||
}
|
||
</script> |