From b3003c46063e54c6a7a5b061f0e06829018e8b1d Mon Sep 17 00:00:00 2001 From: MT-Fire <798521692@qq.com> Date: Tue, 10 Mar 2026 09:56:19 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AE=8C=E6=88=90ocrTab=E7=9A=84?= =?UTF-8?q?=E9=80=BB=E8=BE=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/history_detail/02-layout/immersive.css | 37 ++- css/history_detail/02-layout/layout.css | 2 + index.html | 53 +--- js/history/history_detail_scripts.js | 344 ++++++++++++++++++++- js/history/history_detail_show_tab.js | 6 +- js/ui/immersive_layout_logic.js | 103 +++++- views/history/history_detail.html | 18 +- 7 files changed, 482 insertions(+), 81 deletions(-) diff --git a/css/history_detail/02-layout/immersive.css b/css/history_detail/02-layout/immersive.css index 500cae3..027c339 100644 --- a/css/history_detail/02-layout/immersive.css +++ b/css/history_detail/02-layout/immersive.css @@ -877,23 +877,30 @@ body.immersive-active #immersive-main-content-area .container { /* ==================== 16. 简单沉浸模式样式 ==================== */ /* 简单沉浸模式隐藏元素 */ -body.simple-immersive-mode #fileName, -body.simple-immersive-mode .tabs-container, -body.simple-immersive-mode #fileMeta { +body.simple-immersive-pdf-mode #fileName, +body.simple-immersive-pdf-mode .tabs-container, +body.simple-immersive-pdf-mode #fileMeta { display: none !important; } -/* 简单沉浸模式下PDF阅读器高度为100vh */ -body.simple-immersive-mode #pdf-viewer-iframe { - height: 100vh !important; - position: fixed !important; - top: 0 !important; - left: 0 !important; - right: 0 !important; - bottom: 0 !important; - z-index: 1000 !important; +/* 简单沉浸模式下 container 的 padding 设为 0 */ +body.simple-immersive-pdf-mode .container { + padding: 0 !important; + margin: 0 auto !important; } +/* 简单沉浸模式下 container 的 padding 设为 0 */ +body.simple-immersive-pdf-mode #immersive-main-content-area .container { + padding: 0 !important; + margin: 0 auto !important; +} + +/* 简单沉浸模式下 container 的 padding 设为 0 */ +body.simple-immersive-pdf-mode .history-export-controls { + margin: 0 !important; +} + + /* ==================== 17. 打印样式 ==================== */ @media print { @@ -902,9 +909,9 @@ body.simple-immersive-mode #pdf-viewer-iframe { display: none !important; } - body.simple-immersive-mode #fileName, - body.simple-immersive-mode .tabs-container, - body.simple-immersive-mode #fileMeta { + body.simple-immersive-pdf-mode #fileName, + body.simple-immersive-pdf-mode .tabs-container, + body.simple-immersive-pdf-mode #fileMeta { display: none !important; } diff --git a/css/history_detail/02-layout/layout.css b/css/history_detail/02-layout/layout.css index 092ff96..55f8439 100644 --- a/css/history_detail/02-layout/layout.css +++ b/css/history_detail/02-layout/layout.css @@ -14,6 +14,7 @@ body { .container { max-width: 1200px; margin: 40px auto; + height: 100vh; background: var(--color-bg-base); border-radius: var(--radius-xl); /* 使用变量定义的轻量化阴影 */ @@ -86,6 +87,7 @@ body { .tab-content { background: transparent; padding: 8px 0; + height: 100vh; min-height: 300px; margin-top: 0; /* 优化阅读体验的字体设置 */ diff --git a/index.html b/index.html index fe95752..9998a36 100644 --- a/index.html +++ b/index.html @@ -532,30 +532,7 @@ - + @@ -566,9 +543,11 @@