clouddisk-project/frontend/src/renderer/shared.html

29 lines
1.1 KiB
HTML

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>CloudDisk - 共享文件</title>
<style>
body { font-family: -apple-system, sans-serif; margin: 0; background: #f0f2f5; }
.header { background: linear-gradient(90deg, #1890ff, #40a9ff); padding: 16px 24px; color: white; }
.title { font-size: 20px; font-weight: bold; }
.file-item { background: white; margin: 8px 24px; padding: 16px; border-radius: 8px; display: flex; justify-content: space-between; align-items: center; }
.file-info { display: flex; align-items: center; gap: 12px; }
.file-icon { font-size: 24px; }
.file-name { font-weight: 500; }
.file-meta { color: #999; font-size: 12px; }
.empty { text-align: center; padding: 60px; color: #999; }
</style>
</head>
<body>
<div class="header">
<span class="title">共享文件</span>
</div>
<div class="empty">
<div style="font-size: 48px; margin-bottom: 16px;">🔗</div>
<div>暂无共享文件</div>
<div style="font-size: 12px; margin-top: 8px;">收到的共享文件会在这里显示</div>
</div>
</body>
</html>