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

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

mw_tool · 上传者 驰旭教育
← 返回详情
r92/table.html · 约 1938 字符
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 row"><div><div class="nm" style="font-size:15px;font-weight:800">报销明细表_Q3</div>
18  <div class="muted">识别 3 列 × 6 行 · 准确率 95%</div></div><span class="badge b-ok">已对齐</span></div>
19<div class="card">
20  <div class="sec-title"><span class="em">📋</span> 识别表格(可编辑)</div>
21  <table class="tbl">
22    <tr><th>日期</th><th>项目</th><th>金额</th></tr>
23    <tr><td>07-02</td><td>差旅机票</td><td>¥1,280</td></tr>
24    <tr><td>07-08</td><td>客户餐费</td><td>¥460</td></tr>
25    <tr><td>07-15</td><td>办公耗材</td><td>¥235</td></tr>
26    <tr><td>07-21</td><td>打车</td><td>¥118</td></tr>
27    <tr><td>合计</td><td>—</td><td>¥2,093</td></tr>
28  </table>
29</div>
30<div class="row" style="gap:10px">
31  <button class="btn line flex" style="flex:1" onclick="alert('已复制为 CSV(测试模拟数据)')">📋 复制</button>
32  <button class="btn flex" style="flex:1" onclick="alert('已导出 Excel(测试模拟数据)')">📊 转 Excel</button>
33</div>
34</main>
35  <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>
36</div>
37<script></script>
38</body>
39</html>