From c56a1ca9e14af8274676d7d1d24bf91eea30bad4 Mon Sep 17 00:00:00 2001
From: Song367 <601337784@qq.com>
Date: Tue, 2 Sep 2025 14:15:53 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=9B=BE=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
simple.html | 63 +++++++++++++++++++++++++++++++++++++++++++++-
yantu/erweima.jpg | Bin 0 -> 46974 bytes
yantu/wenzi2.png | Bin 0 -> 181373 bytes
3 files changed, 62 insertions(+), 1 deletion(-)
create mode 100644 yantu/erweima.jpg
create mode 100644 yantu/wenzi2.png
diff --git a/simple.html b/simple.html
index 39b0e20..9c773c4 100644
--- a/simple.html
+++ b/simple.html
@@ -181,6 +181,52 @@
display: none;
}
+ /* 图片框样式 */
+ .image-panel {
+ position: absolute;
+ top: 70%;
+ left: 6%;
+ transform: translateY(-50%);
+ display: none;
+ flex-direction: column;
+ gap: 20px;
+ z-index: 100000;
+ }
+
+ .image-container-square {
+ width: 16vw;
+ height: 16vw;
+ border-radius: 8px;
+ overflow: hidden;
+ /* background: rgba(255, 255, 255, 0.1); */
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .image-container-vertical {
+ width: 64vw;
+ height: 78vw;
+ border-radius: 8px;
+ overflow: hidden;
+ /* background: rgba(255, 255, 255, 0.1); */
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .image-container-square img,
+ .image-container-vertical img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ }
+
+ .image-placeholder {
+ color: rgba(255, 255, 255, 0.7);
+ font-size: 14px;
+ text-align: center;
+ }
.icon-btn {
background: rgba(255,255,255,0.7);
@@ -221,9 +267,20 @@
-
+
+
+
+
+
+
+
+
+
+
+