This commit is contained in:
kk
2026-07-08 18:00:33 +08:00
commit e66b4a3680
312 changed files with 54718 additions and 0 deletions

View File

@@ -0,0 +1,23 @@
<template>
<div class="error-page">
<div class="img" style="background-image: url('/img/403.svg')"></div>
<div class="content">
<h1>403</h1>
<div class="desc">抱歉你无权访问该页面</div>
<div class="actions">
<router-link :to="{ path: '/' }">
<el-button type="primary">返回首页</el-button>
</router-link>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'error-403',
};
</script>
<style lang="scss" scoped>
@use './style.scss';
</style>

View File

@@ -0,0 +1,23 @@
<template>
<div class="error-page">
<div class="img" style="background-image: url('/img/404.svg')"></div>
<div class="content">
<h1>404</h1>
<div class="desc">抱歉你访问的页面不存在</div>
<div class="actions">
<router-link :to="{ path: '/' }">
<el-button type="primary">返回首页</el-button>
</router-link>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'error-404',
};
</script>
<style lang="scss" scoped>
@use './style.scss';
</style>

View File

@@ -0,0 +1,23 @@
<template>
<div class="error-page">
<div class="img" style="background-image: url('/img/500.svg')"></div>
<div class="content">
<h1>500</h1>
<div class="desc">抱歉服务器出错了</div>
<div class="actions">
<router-link :to="{ path: '/' }">
<el-button type="primary">返回首页</el-button>
</router-link>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'error-500',
};
</script>
<style lang="scss" scoped>
@use './style.scss';
</style>

View File

@@ -0,0 +1,35 @@
.error-page {
background: #f0f2f5;
margin-top: -30px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
.img {
margin-right: 80px;
height: 360px;
width: 100%;
max-width: 430px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
}
.content {
h1 {
color: #434e59;
font-size: 72px;
font-weight: 600;
line-height: 72px;
margin-bottom: 24px;
}
.desc {
color: rgba(0, 0, 0, 0.45);
font-size: 20px;
line-height: 28px;
margin-bottom: 16px;
}
}
}