<script setup>

const back = () => {
    window.location = "/"
}
</script>

<template>
  <div style="width: 100vw; height: 100vh">
    <div style="display: flex; justify-content: center; padding-top: 20vh">
      <el-image loading="lazy"
        style="width: 30rem; height: 20rem"
        src="/src/assets/icon-404-color.svg"
      ></el-image>
      <div style="display: flex;flex-direction: column;justify-content: center;padding-left: 3rem;">
        <div style="font-size: 5rem; font-weight: bold">404</div>
        <div style="padding-bottom: 1rem">您的页面没有找到</div>
        <el-button type="primary" @click="back">返回首页</el-button>
      </div>
    </div>
  </div>
</template>

<style scoped lang="scss"></style>
