22 lines
662 B
Vue

<template>
<div class="flex-col-center h-800px">
<img v-if="type === '403'" src="@/assets/svg/error-403.svg" alt="" class="w-1/3" />
<img v-if="type === '404'" src="@/assets/svg/error-404.svg" alt="" class="w-1/3" />
<img v-if="type === '500'" src="@/assets/svg/error-500.svg" alt="" class="w-1/3" />
<n-button type="primary" @click="toRoot">回到首页</n-button>
</div>
</template>
<script setup lang="ts">
import { useAppRouter } from '@/hooks';
type TipType = '403' | '404' | '500';
defineProps<{
/** 异常类型 403 404 500 */
type: TipType;
}>();
const { toRoot } = useAppRouter();
</script>
<style lang="scss" scoped></style>