r92/mine.html · 约 2122 字符
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">📍 上海 · 扫描 48 份文档</div></div><span class="tag">PRO</span></div>
19<div class="card">
20 <div class="kpis" style="margin:0">
21 <div class="kpi"><div class="n">48</div><div class="l">文档数</div></div>
22 <div class="kpi"><div class="n">1.8G</div><div class="l">已用存储</div></div>
23 <div class="kpi"><div class="n">96%</div><div class="l">识别率</div></div>
24 </div>
25</div>
26<div class="card">
27 <div class="doc"><div class="info"><div class="nm">☁️ 存储与同步</div></div><span class="muted">›</span></div>
28 <div class="doc"><div class="info"><div class="nm">⚙️ 识别设置</div></div><span class="muted">›</span></div>
29 <div class="doc"><div class="info"><div class="nm">🌐 语言包</div></div><span class="muted">›</span></div>
30 <div class="doc"><div class="info"><div class="nm">🔒 隐私与权限</div></div><span class="muted">›</span></div>
31</div>
32<div class="card row"><div class="muted">⚠️ 当前展示数据均为测试模拟数据</div></div>
33</main>
34 <nav class="nav"><a class="" href="index.html"><span class="ic">📷</span>扫描</a><a class="" href="docs.html"><span class="ic">📄</span>文档</a><a class="" href="ocr.html"><span class="ic">🔤</span>识别</a><a class="" href="batch.html"><span class="ic">🗂️</span>批量</a><a class=" on" href="mine.html"><span class="ic">👤</span>我的</a></nav>
35</div>
36<script></script>
37</body>
38</html>