40 lines
1.6 KiB
TypeScript
40 lines
1.6 KiB
TypeScript
|
import { Link } from "react-router-dom";
|
|||
|
|
import PageMeta from "@/components/common/PageMeta";
|
|||
|
|
|
|||
|
|
export default function NotFound() {
|
|||
|
|
return (
|
|||
|
|
<>
|
|||
|
|
<PageMeta title="页面未找到" description="" />
|
|||
|
|
<div className="relative flex flex-col items-center justify-center min-h-screen p-6 overflow-hidden z-1">
|
|||
|
|
<div className="mx-auto w-full max-w-[242px] text-center sm:max-w-[472px]">
|
|||
|
|
<h1 className="mb-8 font-bold text-gray-800 text-title-md dark:text-white/90 xl:text-title-2xl">
|
|||
|
|
错误
|
|||
|
|
</h1>
|
|||
|
|
|
|||
|
|
<img src="/images/error/404.svg" alt="404" className="dark:hidden" />
|
|||
|
|
<img
|
|||
|
|
src="/images/error/404-dark.svg"
|
|||
|
|
alt="404"
|
|||
|
|
className="hidden dark:block"
|
|||
|
|
/>
|
|||
|
|
|
|||
|
|
<p className="mt-10 mb-6 text-base text-gray-700 dark:text-gray-400 sm:text-lg">
|
|||
|
|
页面可能已被删除或不存在，请检查网址是否正确。
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<Link
|
|||
|
|
to="/"
|
|||
|
|
className="inline-flex items-center justify-center rounded-lg border border-gray-300 bg-white px-5 py-3.5 text-sm font-medium text-gray-700 shadow-theme-xs hover:bg-gray-50 hover:text-gray-800 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-white/[0.03] dark:hover:text-gray-200"
|
|||
|
|
>
|
|||
|
|
返回首页
|
|||
|
|
</Link>
|
|||
|
|
</div>
|
|||
|
|
{/* <!-- Footer --> */}
|
|||
|
|
<p className="absolute text-sm text-center text-gray-500 -translate-x-1/2 bottom-6 left-1/2 dark:text-gray-400">
|
|||
|
|
© {new Date().getFullYear()}
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</>
|
|||
|
|
);
|
|||
|
|
}
|