diff --git a/supply.html b/supply.html index d945d9c..294355a 100644 --- a/supply.html +++ b/supply.html @@ -783,22 +783,25 @@ .image-viewer-content { position: relative; - max-width: 90%; - max-height: 90%; + width: 500px; /* 固定宽度 */ + height: 350px; /* 固定高度 */ cursor: default; + display: flex; + justify-content: center; + align-items: center; } .image-viewer-close { position: absolute; - top: 20px; - right: 20px; - width: 40px; - height: 40px; + top: -30px; + right: -30px; + width: 30px; + height: 30px; background-color: rgba(255, 255, 255, 0.2); color: white; border: none; border-radius: 50%; - font-size: 24px; + font-size: 20px; cursor: pointer; display: flex; align-items: center; @@ -815,13 +818,13 @@ position: absolute; top: 50%; transform: translateY(-50%); - width: 50px; - height: 50px; + width: 40px; + height: 40px; background-color: rgba(0, 0, 0, 0.6); color: white; border: none; border-radius: 50%; - font-size: 30px; + font-size: 24px; cursor: pointer; display: flex; align-items: center; @@ -835,23 +838,23 @@ } .prev-btn { - left: -25px; + left: -60px; } .next-btn { - right: -25px; + right: -60px; } /* 图片计数器 */ .image-viewer-counter { position: absolute; - bottom: -40px; + bottom: -30px; left: 50%; transform: translateX(-50%); - background-color: rgba(0, 0, 0, 0.6); + background-color: transparent; color: white; - padding: 8px 16px; - border-radius: 20px; + padding: 4px 12px; + border-radius: 15px; font-size: 14px; font-weight: 500; }