<script setup lang="ts">
import { useRouter } from "vue-router";
import noAccess from "@/assets/status/403.svg?component";

defineOptions({
  name: "common"
});

const router = useRouter();

</script>

<template>
  <div class="flex justify-center items-center h-[640px]">

<!--        <noAccess />-->
        <img src="../../assets/expectation.jpg" alt="" style="width: 250px; height: 250px">
        <div class="ml-12">
          <p
            class="font-medium text-4xl mb-4 dark:text-white"
            v-motion
            :initial="{
              opacity: 0,
              y: 100
            }"
            :enter="{
              opacity: 1,
              y: 0,
              transition: {
                delay: 100
              }
            }"
          >
            页面开发中，敬请期待。
          </p>
          <p
            class="mb-4 text-gray-500"
            v-motion
            :initial="{
              opacity: 0,
              y: 100
            }"
            :enter="{
              opacity: 1,
              y: 0,
              transition: {
                delay: 300
              }
            }"
          >

          </p>
          <el-button
            type="primary"
            @click="router.push('/')"
            v-motion
            :initial="{
              opacity: 0,
              y: 100
            }"
            :enter="{
              opacity: 1,
              y: 0,
              transition: {
                delay: 500
              }
            }"
          >
            返回首页
          </el-button>
        </div>
  </div>
</template>
