<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>