admin/jdcProject_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: error page

Browse Source
This commit is contained in:
pany 2022-10-12 17:29:38 +08:00
parent 9a7790f05b
commit deb2d3da13
4 changed files with 32 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/error-page/403.vue
View File

@ -1,16 +1,10 @@
<script lang="ts" setup> <script lang="ts" setup>
import ErrorPageLayout from "./components/ErrorPageLayout.vue"
import Svg403 from "@/assets/error-page/403.svg?component" // vite-svg-loader 插件的功能 import Svg403 from "@/assets/error-page/403.svg?component" // vite-svg-loader 插件的功能
</script> </script>
<template> <template>
<div class="error-page"> <ErrorPageLayout>
<Svg403 class="error-page-svg" /> <Svg403 />
<router-link to="/"> </ErrorPageLayout>
<el-button type="primary">回到首页</el-button>
</router-link>
</div>
</template> </template>
<style lang="scss" scoped>
@import "./index.scss";
</style>

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

@ -1,16 +1,10 @@
<script lang="ts" setup> <script lang="ts" setup>
import ErrorPageLayout from "./components/ErrorPageLayout.vue"
import Svg404 from "@/assets/error-page/404.svg?component" // vite-svg-loader 插件的功能 import Svg404 from "@/assets/error-page/404.svg?component" // vite-svg-loader 插件的功能
</script> </script>
<template> <template>
<div class="error-page"> <ErrorPageLayout>
<Svg404 class="error-page-svg" /> <Svg404 />
<router-link to="/"> </ErrorPageLayout>
<el-button type="primary">回到首页</el-button>
</router-link>
</div>
</template> </template>
<style lang="scss" scoped>
@import "./index.scss";
</style>

24
src/views/error-page/components/ErrorPageLayout.vue Normal file
View File

@ -0,0 +1,24 @@
<template>
<div class="error-page">
<div class="error-page-svg">
<slot />
</div>
<router-link to="/">
<el-button type="primary">回到首页</el-button>
</router-link>
</div>
</template>
<style lang="scss" scoped>
.error-page {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
&-svg {
width: 400px;
margin-bottom: 50px;
}
}
</style>

11
src/views/error-page/index.scss
View File

@ -1,11 +0,0 @@
.error-page {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
&-svg {
width: 400px;
margin-bottom: 50px;
}
}