You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
1.3 KiB
70 lines
1.3 KiB
<script setup lang="ts">
|
|
import { useRouter } from "vue-router";
|
|
import noAccess from "@/assets/status/403.svg?component";
|
|
|
|
defineOptions({
|
|
name: "403"
|
|
});
|
|
|
|
const router = useRouter();
|
|
</script>
|
|
|
|
<template>
|
|
<div class="flex justify-center items-center h-[640px]">
|
|
<noAccess />
|
|
<div class="ml-12">
|
|
<p
|
|
class="font-medium text-4xl mb-4 dark:text-white"
|
|
v-motion
|
|
:initial="{
|
|
opacity: 0,
|
|
y: 100
|
|
}"
|
|
:enter="{
|
|
opacity: 1,
|
|
y: 0,
|
|
transition: {
|
|
delay: 100
|
|
}
|
|
}"
|
|
>
|
|
403
|
|
</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>
|
|
</div>
|
|
</div>
|
|
</template>
|