前端: 添加分享页面

This commit is contained in:
Frontend Developer 2026-03-10 09:55:58 +00:00
parent de23d1ca51
commit aec0c2186a

View File

@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>CloudDisk - 分享</title>
<link rel="stylesheet" href="https://unpkg.com/antd@5.12.0/dist/reset.css">
<style>
body { font-family: -apple-system, sans-serif; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; display: flex; justify-content: center; align-items: center; }
.container { background: white; border-radius: 12px; padding: 40px; width: 500px; text-align: center; box-shadow: 0 10px 40px rgba(0,0,0,0.2); }
.file-icon { font-size: 64px; margin-bottom: 20px; }
.filename { font-size: 18px; font-weight: bold; margin-bottom: 8px; }
.filesize { color: #999; margin-bottom: 24px; }
.input-wrap { margin-bottom: 16px; }
.input-wrap input { padding: 10px; border: 1px solid #d9d9d9; border-radius: 6px; width: 100%; text-align: center; }
.btn { background: #1890ff; color: white; border: none; padding: 12px 24px; border-radius: 6px; cursor: pointer; font-size: 16px; width: 100%; }
.btn:hover { background: #40a9ff; }
.link-wrap { background: #f5f5f5; padding: 12px; border-radius: 6px; margin-bottom: 16px; word-break: break-all; font-size: 12px; }
</style>
</head>
<body>
<div class="container">
<div class="file-icon">📄</div>
<div class="filename">document.pdf</div>
<div class="filesize">2.5 MB</div>
<div class="input-wrap">
<input type="password" placeholder="请输入访问密码" />
</div>
<div class="link-wrap">
https://clouddisk.com/s/abc123def456
</div>
<button class="btn">立即下载</button>
</div>
</body>
</html>