r91/ocr.html · 约 2244 字符
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><div class="nm" style="font-size:15px;font-weight:800">会议纪要-07</div>
17 <div class="muted">识别率 97% · 耗时 1.8s</div></div><span class="badge b-ok">已完成</span></div>
18<div class="card">
19 <div class="row" style="margin-bottom:8px"><div class="sec-title" style="margin:0"><span class="em">🔤</span> 提取文字</div>
20 <div><button class="btn sm" onclick="alert('演示：已复制到剪贴板')">复制</button></div></div>
21 <div class="ocr-box">会议时间：2026-07-15 14:00<br>
22 参会人：<span class="hl">小林、王经理、赵工</span><br>
23 议题一：Q3 文档扫描工具上线进度<br>
24 决议：<span class="hl">7 月 30 日前完成灰度</span><br>
25 议题二：识别准确率优化至 96%+</div>
26</div>
27<div class="card">
28 <div class="sec-title"><span class="em">✅</span> 校对建议</div>
29 <div class="guide"><div class="info"><div class="nm">“王经理”疑似识别为“王经历”</div><div class="sub">第 2 行 · 点击可替换</div></div><button class="btn sm">替换</button></div>
30</div>
31<div class="row" style="gap:8px;margin:4px 2px 12px">
32 <a class="btn line flex" href="docs.html" style="flex:1;text-decoration:none;text-align:center">存草稿</a>
33 <a class="btn flex" href="detail.html" style="flex:1;text-decoration:none;text-align:center">保存文档</a>
34</div>
35</main>
36 <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=" on" href="ocr.html"><span class="ic">🔤</span>识别</a><a class="" href="batch.html"><span class="ic">🗂️</span>批量</a><a class="" href="mine.html"><span class="ic">👤</span>我的</a></nav>
37</div>
38<script></script>
39</body>
40</html>