前端: 添加最近访问页面
This commit is contained in:
parent
d1284965db
commit
3e9910cf5c
54
frontend/src/renderer/recent.html
Normal file
54
frontend/src/renderer/recent.html
Normal file
@ -0,0 +1,54 @@
|
||||
<!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; cursor: pointer; }
|
||||
.file-item:hover { background: #f5f5f5; }
|
||||
.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; }
|
||||
.time { color: #999; font-size: 12px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<span class="title">最近访问</span>
|
||||
</div>
|
||||
<div class="file-item">
|
||||
<div class="file-info">
|
||||
<span class="file-icon">📄</span>
|
||||
<div>
|
||||
<div class="file-name">产品需求.pdf</div>
|
||||
<div class="file-meta">2.5 MB</div>
|
||||
</div>
|
||||
</div>
|
||||
<span class="time">10分钟前</span>
|
||||
</div>
|
||||
<div class="file-item">
|
||||
<div class="file-info">
|
||||
<span class="file-icon">🖼</span>
|
||||
<div>
|
||||
<div class="file-name">首页设计.png</div>
|
||||
<div class="file-meta">3.2 MB</div>
|
||||
</div>
|
||||
</div>
|
||||
<span class="time">30分钟前</span>
|
||||
</div>
|
||||
<div class="file-item">
|
||||
<div class="file-info">
|
||||
<span class="file-icon">📁</span>
|
||||
<div>
|
||||
<div class="file-name">项目文档</div>
|
||||
<div class="file-meta">文件夹</div>
|
||||
</div>
|
||||
</div>
|
||||
<span class="time">1小时前</span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user