r49/share.html · 约 2415 字符
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="card">
17 <div class="row"><div class="ft">📄</div><div class="fi" style="flex:1"><div class="fn">2026年二季度财报.pdf</div><div class="fm">2.4 MB · 文档</div></div></div>
18</div>
19<div class="card">
20 <div class="sec-title"><span>⏳</span> 有效期</div>
21 <div class="seg">
22 <div class="sg"><button>1 天</button></div><div class="sg on"><button>7 天</button></div>
23 <div class="sg"><button>30 天</button></div><div class="sg"><button>永久</button></div>
24 </div>
25</div>
26<div class="card">
27 <div class="row" style="margin-bottom:8px"><div class="sec-title" style="margin:0"><span>🔐</span> 提取码</div>
28 <span class="muted">系统自动生成</span></div>
29 <div class="row"><div class="tag" style="font-size:15px;letter-spacing:2px;padding:6px 14px">A7K2</div>
30 <button class="btn line sm" onclick="alert('已重新生成提取码')">换一个</button></div>
31</div>
32<button class="btn full" onclick="document.getElementById('lk').style.display='block';this.style.display='none'">🔗 生成分享链接</button>
33<div id="lk" style="display:none">
34 <div class="card">
35 <div class="sec-title"><span>✅</span> 分享已生成</div>
36 <div class="link-box">https://pan.demo.com/s/aB3xQ9 · 提取码 A7K2 · 7 天内有效</div>
37 <button class="btn line full" style="margin-top:10px" onclick="alert('链接已复制')">📋 复制链接</button>
38 </div>
39 <a class="btn ghost full" href="myshare.html" style="text-decoration:none;text-align:center">查看我的分享</a>
40</div>
41</main>
42 <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="" href="upload.html"><span class="ic">⬆️</span>上传</a><a class=" on" href="myshare.html"><span class="ic">🔗</span>分享</a><a class="" href="mine.html"><span class="ic">👤</span>我的</a></nav>
43</div>
44<script></script>
45</body>
46</html>