r49/folder.html · 约 4827 字符
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="row" style="margin-bottom:10px"><div class="muted">📍 全部文件 / 工作文档</div><button class="btn sm" onclick="alert('已创建文件夹：新建文件夹')">＋ 新建</button></div>
17<div class="card">
18 <div class="seg" style="margin-bottom:10px">
19 <div class="sg on"><button>全部</button></div><div class="sg"><button>文档</button></div>
20 <div class="sg"><button>图片</button></div><div class="sg"><button>视频</button></div>
21 </div>
22 <div class="sec-title"><span>📂</span> 子文件夹</div>
23 <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><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">9 项</div></div><span class="muted">›</span></a>
24</div>
25<div class="card">
26 <div class="sec-title"><span>📄</span> 文件（10）</div>
27 <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><a class="file" href="file.html" style="text-decoration:none;color:inherit"><div class="ft">📝</div><div class="fi"><div class="fn">会议纪要.docx</div><div class="fm">56 KB · 07-09 11:08</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">宣传片素材.zip</div><div class="fm">1.2 GB · 07-08 22:47</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">背景音乐.mp3</div><div class="fm">8.6 MB · 07-07 08:15</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">设计规范.pdf</div><div class="fm">3.1 MB · 07-06 15:00</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">融资路演.pptx</div><div class="fm">12 MB · 07-05 10:33</div></div><span class="tag">演示</span></a>
28</div>
29</main>
30 <nav class="nav"><a class="" href="home.html"><span class="ic">💾</span>首页</a><a class=" on" 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>
31</div>
32<script></script>
33</body>
34</html>