r50/up.html · 约 2147 字符
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="fbox"><div class="up">⬆</div>
17<div>将文件拖拽到此处，或 <b style="color:var(--pri)">点击选择</b></div>
18<div class="muted">支持文档 / 图片 / 视频 / 压缩包，单文件最大 4 GB</div></div>
19<div class="card">
20 <div class="sec-title">待上传（3）</div>
21 <div class="guide"><div class="thumb">图</div><div class="info"><div class="nm">旅行照片合集.jpg</div><div class="sub">4.8 MB</div></div><div class="bar" style="width:80px"><i style="width:100%"></i></div></div>
22 <div class="guide"><div class="thumb">影</div><div class="info"><div class="nm">产品演示视频.mp4</div><div class="sub">128 MB</div></div><div class="bar" style="width:80px"><i style="width:64%"></i></div></div>
23 <div class="guide"><div class="thumb">档</div><div class="info"><div class="nm">周报模板.pptx</div><div class="sub">720 KB</div></div><div class="bar" style="width:80px"><i style="width:32%"></i></div></div>
24</div>
25<div class="row" style="gap:8px;margin:2px 2px 12px">
26 <button class="btn line" style="flex:1">暂停</button>
27 <button class="btn" style="flex:1">开始上传</button>
28</div>
29<div class="card row"><div class="muted">📡 上传至「项目资料」</div><a class="btn ghost sm" href="dir.html">更改目录</a></div>
30</main>
31 <nav class="nav"><a class="" href="index.html"><span class="ic">🗂️</span>文件</a><a class=" on" href="up.html"><span class="ic">⬆</span>上传</a><a class="" href="shares.html"><span class="ic">🔗</span>分享</a><a class="" href="recycle.html"><span class="ic">🗑</span>回收</a><a class="" href="me.html"><span class="ic">⚙</span>我的</a></nav>
32</div>
33<script></script>
34</body>
35</html>