Browse Source

修复图片预览功能,使其与审核页面样式一致

kkk
Default User 2 months ago
parent
commit
ca59a852bc
  1. 35
      supply.html

35
supply.html

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

Loading…
Cancel
Save