From a5185a77a9bc858ca232cb145b2ce21f9c82d7af Mon Sep 17 00:00:00 2001 From: Kakune55 Date: Mon, 22 Apr 2024 08:55:57 +0800 Subject: [PATCH] Squashed commit of the following: MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit commit b5c58e12161e0bcb924fc3482ac10ed340e1a50c Author: Kakune55 Date: Mon Apr 22 08:55:08 2024 +0800 fix:修复了隐私保护的模糊效果没有在safari中正常显示的问题 commit 314ddc4751c708441964749d8dc7c48c25165b2a Author: Kakune55 Date: Sun Apr 21 23:45:41 2024 +0800 feat:调整页面显示效果 添加隐私保护功能 --- templates/book.html | 4 +- templates/overview.html | 94 +++++++++++++++++++++++++---------------- templates/upload.html | 14 +++--- templates/view.html | 41 +++++++++++++++++- 4 files changed, 107 insertions(+), 46 deletions(-) diff --git a/templates/book.html b/templates/book.html index 32452fa..f500658 100644 --- a/templates/book.html +++ b/templates/book.html @@ -76,14 +76,14 @@
- 封面 + 封面

{{ data[0][2] }}

时间: {{time}}

暂无评价

- +
diff --git a/templates/overview.html b/templates/overview.html index 771d5dc..5b120ec 100644 --- a/templates/overview.html +++ b/templates/overview.html @@ -39,28 +39,23 @@ } } - .image { - max-width: 100%; - height: auto; - cursor: pointer; - } - - #imageContainer { - display: none; - justify-content: center; - align-items: center; + #global-blur { + background-color: rgba(255, 255, 255, 0.5); position: fixed; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - z-index: 9999; - max-height: 90%; - max-width: 90%; - } - - #imageContainer img { - max-width: 100%; - height: auto; + top: 0; + left: 0; + width: 100%; + height: 100%; + backdrop-filter: blur(10px); + -webkit-backdrop-filter: blur(10px); + /* 模糊度可以根据需要调整 */ + transition: display; + z-index: 1; + /* 保证遮罩在页面上方 */ + pointer-events: none; + /* 确保遮罩不影响下方元素的交互 */ + opacity: 0; + transition: opacity 0.1s ease } @@ -68,33 +63,41 @@
- +
-
+