r49/home.html · 约 4210 字符
1<!doctype html>
2<html lang="zh-CN">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
6<title>文件首页</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div class="app">
11 <header class="top">
12 <div class="top-l">网盘用户 · 陈航</div>
13 <div class="top-r">文件首页</div>
14 </header>
15 <main class="main">
16<div class="banner"><div class="b1">💾 我的网盘</div>
17<div class="b2">已用 18.6 GB / 共 100 GB</div>
18<div class="bar" style="margin-top:10px;background:rgba(255,255,255,.35)"><i style="width:19%;background:#fff"></i></div></div>
19<a class="search" href="search.html" style="text-decoration:none">🔍 搜索网盘中的文件或文件夹</a>
20<div class="card">
21 <div class="sec-title"><span>⚡</span> 快捷入口</div>
22 <div class="sgrid">
23 <a class="it" href="upload.html" style="text-decoration:none;color:inherit"><span class="e">⬆️</span>上传</a>
24 <a class="it" href="folder.html" style="text-decoration:none;color:inherit"><span class="e">📁</span>新建文件夹</a>
25 <a class="it" href="myshare.html" style="text-decoration:none;color:inherit"><span class="e">🔗</span>我的分享</a>
26 <a class="it" href="trash.html" style="text-decoration:none;color:inherit"><span class="e">🗑️</span>回收站</a>
27 </div>
28</div>
29<div class="card">
30 <div class="row" style="margin-bottom:6px"><div class="sec-title" style="margin:0"><span>🕒</span> 最近文件</div><a class="muted" href="folder.html" style="text-decoration:none">全部 ›</a></div>
31 <a class="file" href="file.html" style="text-decoration:none;color:inherit"><div class="ft">📄</div><div class="fi"><div class="fn">2026年二季度财报.pdf</div><div class="fm">2.4 MB · 07-15 14:22</div></div><span class="tag">文档</span></a><a class="file" href="file.html" style="text-decoration:none;color:inherit"><div class="ft">🖼️</div><div class="fi"><div class="fn">产品原型图_v3.png</div><div class="fm">1.8 MB · 07-14 09:40</div></div><span class="tag">图片</span></a><a class="file" href="file.html" style="text-decoration:none;color:inherit"><div class="ft">🎬</div><div class="fi"><div class="fn">项目启动会.mp4</div><div class="fm">86 MB · 07-12 18:05</div></div><span class="tag">视频</span></a><a class="file" href="file.html" style="text-decoration:none;color:inherit"><div class="ft">📊</div><div class="fi"><div class="fn">客户名单.xlsx</div><div class="fm">320 KB · 07-11 16:30</div></div><span class="tag">表格</span></a><a class="file" href="file.html" style="text-decoration:none;color:inherit"><div class="ft">🖼️</div><div class="fi"><div class="fn">团队合照.jpg</div><div class="fm">4.2 MB · 07-10 20:11</div></div><span class="tag">图片</span></a>
32</div>
33<div class="card">
34 <div class="row" style="margin-bottom:6px"><div class="sec-title" style="margin:0"><span>📂</span> 我的文件夹</div><a class="muted" href="folder.html" style="text-decoration:none">管理 ›</a></div>
35 <a class="file" href="folder.html" style="text-decoration:none;color:inherit"><div class="ft">📁</div><div class="fi"><div class="fn">工作文档</div><div class="fm">12 项</div></div><span class="muted">›</span></a><a class="file" href="folder.html" style="text-decoration:none;color:inherit"><div class="ft">📁</div><div class="fi"><div class="fn">图片素材</div><div class="fm">38 项</div></div><span class="muted">›</span></a><a class="file" href="folder.html" style="text-decoration:none;color:inherit"><div class="ft">📁</div><div class="fi"><div class="fn">视频归档</div><div class="fm">6 项</div></div><span class="muted">›</span></a>
36</div>
37</main>
38 <nav class="nav"><a class=" on" href="home.html"><span class="ic">💾</span>首页</a><a class="" href="folder.html"><span class="ic">📁</span>文件</a><a class="" href="upload.html"><span class="ic">⬆️</span>上传</a><a class="" href="myshare.html"><span class="ic">🔗</span>分享</a><a class="" href="mine.html"><span class="ic">👤</span>我的</a></nav>
39</div>
40<script></script>
41</body>
42</html>