<template>
|
<div class="forbidden-page">
|
<div class="forbidden-card">
|
<div class="code">403</div>
|
<div class="title">无权限访问</div>
|
<div class="desc">当前账号没有访问该资源的权限</div>
|
<el-button type="primary" @click="goBack">返回上一页</el-button>
|
</div>
|
</div>
|
</template>
|
|
<script setup lang="ts">
|
function goBack() {
|
window.history.length > 1 ? window.history.back() : window.location.assign("/");
|
}
|
</script>
|
|
<style scoped>
|
.forbidden-page {
|
min-height: 100vh;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
background: #f5f7fb;
|
}
|
|
.forbidden-card {
|
width: 420px;
|
max-width: calc(100vw - 48px);
|
background: #fff;
|
border-radius: 12px;
|
box-shadow: 0 8px 24px rgba(15, 35, 95, 0.08);
|
padding: 40px 28px 32px;
|
text-align: center;
|
}
|
|
.code {
|
font-size: 56px;
|
line-height: 1;
|
font-weight: 700;
|
color: #0772fa;
|
margin-bottom: 12px;
|
}
|
|
.title {
|
font-size: 20px;
|
line-height: 28px;
|
color: #1f2d3d;
|
margin-bottom: 8px;
|
}
|
|
.desc {
|
font-size: 14px;
|
line-height: 22px;
|
color: #6b7280;
|
margin-bottom: 20px;
|
}
|
</style>
|
