首页/ mobileweb/ 文档扫描与文字提取H5移动端功能演示/ 代码预览

💻 代码预览 · 文档扫描与文字提取H5移动端功能演示

mw_tool · 上传者 驰旭教育
← 返回详情
r92/detail.html · 约 2032 字符
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="preview">📄</div>
17<div class="card">
18  <div class="row"><div class="nm" style="font-size:16px;font-weight:800">会议纪要_20260716</div><span class="badge b-pri">PDF</span></div>
19  <div class="muted" style="margin-top:6px">扫描于 07-16 14:22 · 1 页 · 286 字 · 准确率 97%</div>
20</div>
21<div class="card">
22  <div class="sec-title"><span class="em">🔤</span> 文字内容</div>
23  <div class="ocr-box">一、项目周会纪要(2026-07-16)参会:张敏、李航、王磊。1. 首页改版通过;2. 扫描引擎准确率提升至 96%;3. 下周重点批量导出。</div>
24</div>
25<div class="tools">
26  <div class="tool"><span class="e">🔍</span>放大</div>
27  <div class="tool"><span class="e">🔄</span>旋转</div>
28  <div class="tool"><span class="e">✏️</span>重识别</div>
29  <div class="tool"><span class="e">🗑️</span>删除</div>
30</div>
31<div class="row" style="gap:10px;margin-top:6px">
32  <a class="btn line flex" href="export.html" style="flex:1;text-decoration:none;text-align:center">导出</a>
33  <a class="btn flex" href="docs.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=" on" 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="" href="mine.html"><span class="ic">👤</span>我的</a></nav>
37</div>
38<script></script>
39</body>
40</html>