r49/upload.html · 约 2221 字符
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="drop"><span class="big">⬆️</span>将文件拖拽到此处，或点击选择<br><span class="muted">支持文档 / 图片 / 视频 / 压缩包，单文件最大 4 GB</span></div>
17<div class="card" style="margin-top:12px">
18 <div class="sec-title"><span>📤</span> 上传队列（3）</div>
19 <div class="file"><div class="ft">🎬</div><div class="fi"><div class="fn">项目启动会.mp4</div>
20 <div class="fm">86 MB · 上传中 72%</div><div class="bar" style="margin-top:6px"><i style="width:72%"></i></div></div><span class="b-pri badge">上传中</span></div>
21 <div class="file"><div class="ft">🖼️</div><div class="fi"><div class="fn">产品原型图_v3.png</div>
22 <div class="fm">1.8 MB · 上传中 100%</div><div class="bar" style="margin-top:6px"><i style="width:100%"></i></div></div><span class="b-ok badge">已完成</span></div>
23 <div class="file"><div class="ft">📄</div><div class="fi"><div class="fn">2026年二季度财报.pdf</div>
24 <div class="fm">2.4 MB · 等待中</div><div class="bar" style="margin-top:6px"><i style="width:0%"></i></div></div><span class="muted">等待</span></div>
25</div>
26<a class="btn full" href="folder.html" style="text-decoration:none;text-align:center">开始上传</a>
27<div class="muted" style="text-align:center;margin-top:6px">已上传 2 项，共 87.8 MB</div>
28</main>
29 <nav class="nav"><a class="" href="home.html"><span class="ic">💾</span>首页</a><a class="" href="folder.html"><span class="ic">📁</span>文件</a><a class=" on" 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>
30</div>
31<script></script>
32</body>
33</html>