50 lines
763 B
Vue
50 lines
763 B
Vue
|
<template>
|
|||
|
|
<div class="zBox">
|
|||
|
|
<img src="/web-common-resource/img/error/404.png" alt="" />
|
|||
|
|
<div class="zSorry">抱歉，你访问的页面不存在！</div>
|
|||
|
|
<div>
|
|||
|
|
<el-button type="primary" @click="go" icon="el-icon-back">返回</el-button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
go() {
|
|||
|
|
this.$router.go(-1)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped>
|
|||
|
|
.zBox {
|
|||
|
|
width: 400px;
|
|||
|
|
height: 200px;
|
|||
|
|
margin: auto;
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
right: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.zSorry {
|
|||
|
|
color: #666;
|
|||
|
|
font-size: 16px !important;
|
|||
|
|
margin-top: 32px;
|
|||
|
|
margin-bottom: 28px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.zBox button {
|
|||
|
|
width: 98px;
|
|||
|
|
height: 28px;
|
|||
|
|
font-size: 12px;
|
|||
|
|
}
|
|||
|
|
</style>
|