1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
| <script setup lang="ts">
| import { useRouter } from "vue-router";
| import noServer from "@/assets/status/500.svg?component";
|
| defineOptions({
| name: "500"
| });
|
| const router = useRouter();
| </script>
|
| <template>
| <div class="flex justify-center items-center h-[640px]">
| <noServer />
| <div class="ml-12">
| <p
| v-motion
| class="font-medium text-4xl mb-4! dark:text-white"
| :initial="{
| opacity: 0,
| y: 100
| }"
| :enter="{
| opacity: 1,
| y: 0,
| transition: {
| delay: 80
| }
| }"
| >
| 500
| </p>
| <p
| v-motion
| class="mb-4! text-gray-500"
| :initial="{
| opacity: 0,
| y: 100
| }"
| :enter="{
| opacity: 1,
| y: 0,
| transition: {
| delay: 120
| }
| }"
| >
| 抱歉，服务器出错了
| </p>
| <el-button
| v-motion
| type="primary"
| :initial="{
| opacity: 0,
| y: 100
| }"
| :enter="{
| opacity: 1,
| y: 0,
| transition: {
| delay: 160
| }
| }"
| @click="router.push('/')"
| >
| 返回首页
| </el-button>
| </div>
| </div>
| </template>
|
|
