45 lines
1.3 KiB
Vue
45 lines
1.3 KiB
Vue
<template>
|
||
<div class="router-err">
|
||
<div class="router-err__icon">
|
||
<img src="img/404.png" />
|
||
</div>
|
||
<div class="router-err__content">
|
||
<h2>无权限或找不到页面</h2>
|
||
<p>当前页面无权限访问或者打开了一个不存在的链接，请检查当前账户权限和链接的可访问性。</p>
|
||
<el-button type="primary" plain round @click="goHome">返回首页</el-button>
|
||
<el-button type="primary" plain round @click="goLogin">重新登录</el-button>
|
||
<el-button type="primary" round @click="goBack">返回上一页</el-button>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
methods: {
|
||
goHome(){
|
||
location.href="#/"
|
||
},
|
||
goLogin(){
|
||
this.$router.push("/login");
|
||
},
|
||
goBack(){
|
||
this.$router.go(-1);
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
.router-err {display: flex;width: 900px;margin: 50px auto;align-items: center;}
|
||
.router-err__icon {width: 400px;}
|
||
.router-err__icon img {width: 100%;}
|
||
.router-err__content {flex: 1;padding:40px;}
|
||
.router-err__content h2 {font-size: 26px;}
|
||
.router-err__content p {font-size: 14px;color: #999;margin: 15px 0 30px 0;line-height: 1.5;}
|
||
|
||
@media (max-width: 992px){
|
||
.router-err {display: block;width: 100%;margin-top: 10px;text-align: center;}
|
||
.router-err__icon {width: 280px;margin: 0 auto;}
|
||
}
|
||
</style>
|