46 lines
916 B
Vue
Raw Normal View History

2021-12-10 14:11:49 +08:00
<template>
2021-12-14 16:41:43 +08:00
<div class="go-error">
2021-12-10 14:11:49 +08:00
<div class="text-center">
<img src="~@/assets/images/exception/500.svg" alt="" />
</div>
<div class="text-center">
<h1>抱歉服务器出错了</h1>
2021-12-10 14:11:49 +08:00
</div>
2022-05-24 12:27:39 +08:00
<n-button type="primary" secondary @click="goHome">回到首页</n-button>
2021-12-10 14:11:49 +08:00
</div>
</template>
<script lang="ts" setup>
2021-12-14 16:41:43 +08:00
import { PageEnum } from '@/enums/pageEnum'
2021-12-20 14:29:29 +08:00
import { routerTurnByName } from '@/utils'
2021-12-14 16:41:43 +08:00
function goHome() {
routerTurnByName(PageEnum.BASE_HOME_NAME)
2021-12-10 14:11:49 +08:00
}
</script>
<style lang="scss" scoped>
2021-12-14 16:41:43 +08:00
@include go(error) {
2022-05-24 12:27:39 +08:00
box-sizing: border-box;
2021-12-14 16:41:43 +08:00
display: flex;
flex-direction: column;
align-items: center;
2022-05-24 12:27:39 +08:00
width: 100vw;
height: 100vh;
overflow: hidden;
2021-12-14 16:41:43 +08:00
padding: 100px 0;
2022-05-24 12:27:39 +08:00
@include background-image('background-image');
2021-12-10 14:11:49 +08:00
.text-center {
h1 {
color: #666;
padding: 20px 0;
}
}
img {
width: 350px;
margin: 0 auto;
}
}
</style>