go-pkg/wireguard-dashboard-admin
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 5 Wiki Activity

mod: use unocss rewrite the 404 page

Browse Source
This commit is contained in:
张传龙 2022-06-26 15:39:44 +08:00
parent 2be3f095aa
commit e465ee50bf
1 changed files with 3 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/error-page/404.vue
View File

@ -1,11 +1,11 @@
<template> <template>
<div class="page-404"> <div h-full flex>
<n-result status="404" description="抱歉，您访问的页面不存在。"> <n-result m-auto status="404" description="抱歉，您访问的页面不存在。">
<template #icon> <template #icon>
<img src="@/assets/images/404.png" width="500" /> <img src="@/assets/images/404.png" width="500" />
</template> </template>
<template #footer> <template #footer>
<n-button strong secondary type="primary" @click="replace('/')">返回首页</n-button> <n-button @click="replace('/')">返回首页</n-button>
</template> </template>
</n-result> </n-result>
</div> </div>
@ -14,12 +14,3 @@
<script setup> <script setup>
const { replace } = useRouter() const { replace } = useRouter()
</script> </script>
<style lang="scss" scoped>
.page-404 {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
</style>