v2.4: 网页版适配 Odoo 网站嵌入

- URL 深度链接:?series= 打开系列 / ?model= 定位型号 / ?embed=1 隐藏自身顶栏 / ?nav=0 隐藏侧边栏 / ?lang= 切语言
- 路径自适应:VIEWER_BASE 与模型路径从 location.pathname 推导,支持子路径部署(原来硬编码 /viewer/ 和 /step/ 会在子路径下 404)
- embed 模式样式:隐藏 header/footer,让 iframe 内更干净
- 手册页图片点击放大:全屏弹窗,← → 翻页,Esc/点遮罩关闭
- 数据表 PDF 弹窗预览:原为直接下载,改为内联预览(弹窗内保留下载入口)
- 数据表按钮加内联 SVG 图标(PDF + 放大镜),区别于纯下载按钮
- 隐藏「返回系列总览」按钮(嵌入模式下属多余)

注:本次改动服务于 OneBot 官网产品页的选型 tab 嵌入。

Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
wangruiguo
2026-09-17 02:57:34 +08:00
parent e030b65104
commit f343b26444
3 changed files with 379 additions and 27 deletions

View File

@@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>OneBot数模下载</title>
<link rel="stylesheet" href="style.css?v=11">
<link rel="stylesheet" href="style.css?v=12">
</head>
<body>
<header>
@@ -43,25 +43,26 @@
<div class="sku-hint" id="skuHint"></div>
</div>
<div id="paramPanel"></div>
<div id="actions">
<a id="btnDownload" class="btn primary hidden" download>下载 STEP</a>
<select id="btnGenFmt" class="hidden" title="下载格式 (仅非标档位在线生成)">
<option value="zip">全格式 zip</option>
<option value="step">STEP</option>
<option value="iges">IGES</option>
</select>
<a id="btnDatasheet" class="btn hidden">下载 PDF</a>
<button id="btnAddCart" class="btn hidden">加入清单</button>
</div>
</section>
<div id="split2" class="split hidden" title="拖拽调整宽度"></div>
<section id="content" class="content hidden">
<div class="tabs">
<div class="tabs" id="tabsBar">
<button class="tab active" data-tab="3d">3D / 尺寸图</button>
<button class="tab" data-tab="table">参数表</button>
<button class="tab" data-tab="search">搜索结果</button>
<button class="tab" data-tab="cross">平替对照</button>
<span class="tabs-spacer"></span>
<div id="actions">
<a id="btnDownload" class="btn primary hidden" download>下载 STEP</a>
<select id="btnGenFmt" class="hidden" title="下载格式 (仅非标档位在线生成)">
<option value="zip">全格式 zip</option>
<option value="step">STEP</option>
<option value="iges">IGES</option>
</select>
<a id="btnDatasheet" class="btn hidden">下载 PDF</a>
<button id="btnAddCart" class="btn hidden">加入清单</button>
</div>
</div>
<div class="content-back">
<button id="btnBackHome" class="btn">← 返回系列总览</button>
@@ -122,6 +123,6 @@
<script src="libs/jszip.min.js?v=1"></script>
<script src="config.js?v=1"></script>
<script src="app.js?v=18"></script>
<script src="app.js?v=19"></script>
</body>
</html>