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

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

mw_tool · 上传者 驰旭教育
← 返回详情
r91/export.html · 约 2130 字符
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">
17  <div class="sec-title"><span class="em">📤</span> 导出格式</div>
18  <div class="seg" style="margin-bottom:10px">
19    <div class="sg on"><button>PDF</button></div><div class="sg"><button>Word</button></div>
20    <div class="sg"><button>图片</button></div><div class="sg"><button>TXT</button></div>
21  </div>
22  <div class="row" style="margin-bottom:8px"><span class="muted">含原图 + 识别文字</span><span class="tag">推荐</span></div>
23  <div class="bar" style="margin-bottom:6px"><i style="width:100%"></i></div>
24  <div class="muted">已生成:合同-房屋租赁.pdf(2.3MB)</div>
25</div>
26<div class="card">
27  <div class="sec-title"><span class="em">📡</span> 分享渠道</div>
28  <div class="sgrid">
29    <div class="it"><span class="e">💬</span>微信</div><div class="it"><span class="e">📧</span>邮件</div>
30    <div class="it"><span class="e">🔗</span>链接</div><div class="it"><span class="e">🖨️</span>打印</div>
31  </div>
32</div>
33<a class="btn full" href="mine.html" style="text-decoration:none;text-align:center" onclick="alert('演示:已导出,内容为测试模拟数据')">下载 / 发送</a>
34<div class="muted" style="text-align:center">所有导出内容均为测试模拟数据</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>