You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

56 lines
1006 B

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