<template>
  <div class="full-screen flex flex-center">
    <img
      src="https://wutong-1302848345.cos.ap-chengdu.myqcloud.com/wtzx/4e993b2d27a544a893ddbc8f60cc2a65.svg"
    />
    <div class="ml-20">
      <h1 style="font-size: 82px" class="bold">404</h1>
      <div class="mt-10 bold">抱歉，您访问的页面不存在</div>
      <el-button type="primary" class="mt-20" @click="goHome"
        >返回首页</el-button
      >
    </div>
  </div>
</template>

<route>
  {
    meta: {
      layout: 'empty',
    },
  }
</route>

<script>
export default {
  name: '404',
  methods: {
    goHome() {
      this.$router.push('/')
    }
  }
}
</script>

<style scoped></style>
