前端: 添加404页面

This commit is contained in:
Frontend Developer 2026-03-10 09:57:54 +00:00
parent dce92c16d3
commit 530fd474e2

View File

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>404 - 页面不存在</title>
<style>
body { font-family: -apple-system, sans-serif; margin: 0; background: #f0f2f5; display: flex; justify-content: center; align-items: center; min-height: 100vh; }
.container { text-align: center; }
.code { font-size: 120px; font-weight: bold; color: #1890ff; }
.title { font-size: 24px; margin: 20px 0; }
.desc { color: #999; margin-bottom: 30px; }
.btn { background: #1890ff; color: white; border: none; padding: 12px 30px; border-radius: 6px; cursor: pointer; font-size: 16px; }
.btn:hover { background: #40a9ff; }
</style>
</head>
<body>
<div class="container">
<div class="code">404</div>
<div class="title">页面不存在</div>
<div class="desc">抱歉,您访问的页面不存在或已被删除</div>
<button class="btn" onclick="window.location.href='/'">返回首页</button>
</div>
</body>
</html>