Files
wireguard-dashboard-admin/src/views/error/404.vue

63 lines
1.2 KiB
Vue
Raw Normal View History

2021-10-16 16:16:58 +08:00
<script setup lang="ts">
2022-03-04 11:17:08 +08:00
import noExist from "/@/assets/status/404.svg?component";
2021-10-16 16:16:58 +08:00
</script>
<template>
2022-03-04 11:17:08 +08:00
<div class="flex justify-center items-center h-screen-sm">
<noExist />
<div class="ml-12">
2022-03-14 14:49:02 +08:00
<p
class="font-medium text-4xl mb-4"
v-motion
:initial="{
opacity: 0,
y: 100
}"
:enter="{
opacity: 1,
y: 0,
transition: {
delay: 100
}
}"
>
404
</p>
<p
class="mb-4 text-gray-500"
v-motion
:initial="{
opacity: 0,
y: 100
}"
:enter="{
opacity: 1,
y: 0,
transition: {
delay: 300
}
}"
>
抱歉你访问的页面不存在
</p>
<el-button
type="primary"
@click="$router.push('/')"
v-motion
:initial="{
opacity: 0,
y: 100
}"
:enter="{
opacity: 1,
y: 0,
transition: {
delay: 500
}
}"
>返回首页</el-button
>
2021-10-16 16:16:58 +08:00
</div>
</div>
</template>