60 lines
1.0 KiB
Vue
60 lines
1.0 KiB
Vue
<template>
|
||
<div class="not-defined">
|
||
<img :src="$VUE_APP_RESOURCES_URL+'/images/404.png'" />
|
||
|
||
<div class="content">
|
||
<h3 class="title">页面未找到</h3>
|
||
<span
|
||
>抱歉！您访问的页面不存在，请返回上一级或点击下方按钮返回首页...</span
|
||
>
|
||
</div>
|
||
|
||
<div class="btn" @click="homeGo()">
|
||
返回首页
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
name: "NotDefined",
|
||
methods: {
|
||
homeGo() {
|
||
this.$yrouter.switchTab('/pages/home/index');
|
||
},
|
||
},
|
||
};
|
||
</script>
|
||
|
||
<style scoped>
|
||
.not-defined img {
|
||
width: 100%;
|
||
margin-top: 18%;
|
||
}
|
||
|
||
.content {
|
||
padding: 0 1rem;
|
||
text-align: center;
|
||
color: #44405e;
|
||
font-size: 15px;
|
||
}
|
||
|
||
.title {
|
||
margin-bottom: 0.6rem;
|
||
color: #302c48;
|
||
font-size: 20px;
|
||
}
|
||
|
||
.btn {
|
||
color: #fff;
|
||
background-color: #ef4c4c;
|
||
font-size: 16px;
|
||
padding: 0.16rem;
|
||
border-radius: 25px;
|
||
text-align: center;
|
||
width: 2.4rem;
|
||
margin: 0 auto;
|
||
margin-top: 1rem;
|
||
}
|
||
</style>
|