r50/shares.html · 约 2200 字符
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="grid c2" style="margin-bottom:12px">
17 <div class="kpi"><div class="n">5</div><div class="l">进行中分享</div></div>
18 <div class="kpi"><div class="n">132</div><div class="l">累计访问</div></div>
19</div>
20<div class="card">
21 <div class="sec-title">🔗 我的分享</div>
22 <div class="guide"><div class="thumb">档</div><div class="info"><div class="nm">2026年度预算表.xlsx</div><div class="sub">提取码 9K2P · 7天后过期</div><div class="muted" style="margin-top:3px">https://disk.example.com/s/a8f3k2</div></div><button class="btn ghost sm">撤销</button></div>
23 <div class="guide"><div class="thumb">影</div><div class="info"><div class="nm">产品演示视频.mp4</div><div class="sub">无提取码 · 永久有效</div><div class="muted" style="margin-top:3px">https://disk.example.com/s/b7c4m1</div></div><button class="btn ghost sm">撤销</button></div>
24 <div class="guide"><div class="thumb">图</div><div class="info"><div class="nm">UI设计稿.png</div><div class="sub">提取码 3X9Q · 3天后过期</div><div class="muted" style="margin-top:3px">https://disk.example.com/s/c2d8n6</div></div><button class="btn ghost sm">撤销</button></div>
25</div>
26<div class="card row"><div class="muted">🗑 撤销后链接立即失效</div><button class="btn line sm">批量撤销</button></div>
27</main>
28 <nav class="nav"><a class="" href="index.html"><span class="ic">🗂️</span>文件</a><a class="" href="up.html"><span class="ic">⬆</span>上传</a><a class=" on" 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>
29</div>
30<script></script>
31</body>
32</html>