r49/mine.html · 约 2613 字符
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 row"><div class="avatar" style="width:56px;height:56px;font-size:22px">陈</div>
17<div class="info" style="flex:1"><div class="nm" style="font-size:17px;font-weight:800">陈航</div>
18<div class="muted">📧 hang.chen@demo.com · 会员 PRO</div></div><span class="tag">PRO</span></div>
19<div class="card">
20 <div class="sec-title"><span>💽</span> 存储容量</div>
21 <div class="row" style="margin-bottom:6px"><span class="muted">已用 18.6 GB / 100 GB</span><b style="color:var(--pri)">19%</b></div>
22 <div class="bar"><i style="width:19%"></i></div>
23 <div class="sgrid" style="margin-top:12px">
24 <div class="it"><span class="e">📄</span>文件 142</div><div class="it"><span class="e">🔗</span>分享 3</div>
25 <div class="it"><span class="e">📂</span>文件夹 4</div><div class="it"><span class="e">🗑️</span>回收站 4</div>
26 </div>
27</div>
28<div class="card">
29 <a class="file" href="myshare.html" style="text-decoration:none;color:inherit"><div class="ft">🔗</div><div class="fi"><div class="fn">我的分享</div></div><span class="muted">›</span></a>
30 <a class="file" href="trash.html" style="text-decoration:none;color:inherit"><div class="ft">🗑️</div><div class="fi"><div class="fn">回收站</div></div><span class="muted">›</span></a>
31 <div class="file"><div class="ft">⚙️</div><div class="fi"><div class="fn">账号与安全</div></div><span class="muted">›</span></div>
32 <div class="file"><div class="ft">📜</div><div class="fi"><div class="fn">关于网盘</div></div><span class="muted">›</span></div>
33</div>
34<div class="card row"><div class="muted">🛡️ 已开启二次验证 · 登录设备 2 台</div><button class="btn line sm">退出</button></div>
35</main>
36 <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="" href="myshare.html"><span class="ic">🔗</span>分享</a><a class=" on" href="mine.html"><span class="ic">👤</span>我的</a></nav>
37</div>
38<script></script>
39</body>
40</html>