174 lines
7.6 KiB
HTML
174 lines
7.6 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="zh-CN">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|||
|
|
<title>HoloLake · 网站云盘系统</title>
|
|||
|
|
<link rel="stylesheet" href="cloud-drive-style.css">
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<header class="top-bar">
|
|||
|
|
<div class="logo">🌊 HoloLake</div>
|
|||
|
|
<h1>网站云盘系统</h1>
|
|||
|
|
<div class="header-actions">
|
|||
|
|
<span class="storage-badge">已用 2.4GB / 10GB</span>
|
|||
|
|
</div>
|
|||
|
|
</header>
|
|||
|
|
|
|||
|
|
<div class="container">
|
|||
|
|
<aside class="sidebar">
|
|||
|
|
<div class="storage-overview">
|
|||
|
|
<div class="storage-bar">
|
|||
|
|
<div class="storage-fill" style="width: 24%"></div>
|
|||
|
|
</div>
|
|||
|
|
<span class="storage-text">2.4GB / 10GB</span>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<nav class="folder-tree">
|
|||
|
|
<h3>文件夹</h3>
|
|||
|
|
<ul>
|
|||
|
|
<li class="folder active">
|
|||
|
|
<span class="folder-icon">📁</span>
|
|||
|
|
<span>全部文件</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="folder">
|
|||
|
|
<span class="folder-icon">📂</span>
|
|||
|
|
<span>对话记录</span>
|
|||
|
|
<span class="count">128</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="folder">
|
|||
|
|
<span class="folder-icon">📂</span>
|
|||
|
|
<span>人格体数据</span>
|
|||
|
|
<span class="count">45</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="folder">
|
|||
|
|
<span class="folder-icon">📂</span>
|
|||
|
|
<span>用户上传</span>
|
|||
|
|
<span class="count">67</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="folder">
|
|||
|
|
<span class="folder-icon">📂</span>
|
|||
|
|
<span>系统备份</span>
|
|||
|
|
<span class="count">12</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="folder">
|
|||
|
|
<span class="folder-icon">🗑️</span>
|
|||
|
|
<span>回收站</span>
|
|||
|
|
<span class="count">3</span>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</nav>
|
|||
|
|
</aside>
|
|||
|
|
|
|||
|
|
<main class="main-content">
|
|||
|
|
<div class="toolbar">
|
|||
|
|
<div class="breadcrumb">
|
|||
|
|
<span class="crumb">全部文件</span>
|
|||
|
|
<span class="separator">/</span>
|
|||
|
|
<span class="crumb active">对话记录</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="actions">
|
|||
|
|
<button class="btn btn-primary" id="uploadBtn">📤 上传</button>
|
|||
|
|
<button class="btn">📁 新建文件夹</button>
|
|||
|
|
<button class="btn">🔍 搜索</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="upload-zone" id="uploadZone">
|
|||
|
|
<div class="upload-content">
|
|||
|
|
<span class="upload-icon">☁️</span>
|
|||
|
|
<p>拖拽文件到此处上传</p>
|
|||
|
|
<span class="upload-hint">或点击「上传」按钮选择文件</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="file-list">
|
|||
|
|
<div class="file-header">
|
|||
|
|
<span class="col-check"><input type="checkbox"/></span>
|
|||
|
|
<span class="col-name">文件名</span>
|
|||
|
|
<span class="col-size">大小</span>
|
|||
|
|
<span class="col-date">修改时间</span>
|
|||
|
|
<span class="col-actions">操作</span>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="file-item folder-item">
|
|||
|
|
<span class="col-check"><input type="checkbox"/></span>
|
|||
|
|
<span class="col-name">
|
|||
|
|
<span class="file-icon">📁</span>2026年3月
|
|||
|
|
</span>
|
|||
|
|
<span class="col-size">—</span>
|
|||
|
|
<span class="col-date">2026-03-02</span>
|
|||
|
|
<span class="col-actions">
|
|||
|
|
<button class="icon-btn" title="重命名">✏️</button>
|
|||
|
|
<button class="icon-btn" title="删除">🗑️</button>
|
|||
|
|
</span>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="file-item">
|
|||
|
|
<span class="col-check"><input type="checkbox"/></span>
|
|||
|
|
<span class="col-name">
|
|||
|
|
<span class="file-icon">💬</span>对话记录_20260302_001.json
|
|||
|
|
</span>
|
|||
|
|
<span class="col-size">256KB</span>
|
|||
|
|
<span class="col-date">2026-03-02 14:30</span>
|
|||
|
|
<span class="col-actions">
|
|||
|
|
<button class="icon-btn" title="下载">📥</button>
|
|||
|
|
<button class="icon-btn" title="重命名">✏️</button>
|
|||
|
|
<button class="icon-btn" title="删除">🗑️</button>
|
|||
|
|
</span>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="file-item">
|
|||
|
|
<span class="col-check"><input type="checkbox"/></span>
|
|||
|
|
<span class="col-name">
|
|||
|
|
<span class="file-icon">🧠</span>persona_memory_backup.dat
|
|||
|
|
</span>
|
|||
|
|
<span class="col-size">1.2MB</span>
|
|||
|
|
<span class="col-date">2026-03-01 22:15</span>
|
|||
|
|
<span class="col-actions">
|
|||
|
|
<button class="icon-btn" title="下载">📥</button>
|
|||
|
|
<button class="icon-btn" title="重命名">✏️</button>
|
|||
|
|
<button class="icon-btn" title="删除">🗑️</button>
|
|||
|
|
</span>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="file-item">
|
|||
|
|
<span class="col-check"><input type="checkbox"/></span>
|
|||
|
|
<span class="col-name">
|
|||
|
|
<span class="file-icon">📊</span>usage_analytics_feb.csv
|
|||
|
|
</span>
|
|||
|
|
<span class="col-size">89KB</span>
|
|||
|
|
<span class="col-date">2026-02-28 18:00</span>
|
|||
|
|
<span class="col-actions">
|
|||
|
|
<button class="icon-btn" title="下载">📥</button>
|
|||
|
|
<button class="icon-btn" title="重命名">✏️</button>
|
|||
|
|
<button class="icon-btn" title="删除">🗑️</button>
|
|||
|
|
</span>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="file-item">
|
|||
|
|
<span class="col-check"><input type="checkbox"/></span>
|
|||
|
|
<span class="col-name">
|
|||
|
|
<span class="file-icon">🔑</span>api_keys_encrypted.vault
|
|||
|
|
</span>
|
|||
|
|
<span class="col-size">4KB</span>
|
|||
|
|
<span class="col-date">2026-02-25 10:00</span>
|
|||
|
|
<span class="col-actions">
|
|||
|
|
<button class="icon-btn" title="下载">📥</button>
|
|||
|
|
<button class="icon-btn" title="重命名">✏️</button>
|
|||
|
|
<button class="icon-btn" title="删除">🗑️</button>
|
|||
|
|
</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="status-bar">
|
|||
|
|
<span>共 5 个项目</span>
|
|||
|
|
<span id="selectedCount">已选择 0 项</span>
|
|||
|
|
</div>
|
|||
|
|
</main>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<script src="cloud-drive.js"></script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|