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 @@ -
+
+ +
+
+ 图片1 +
+
+ 图片2 +
+
+
+