14 lines
1.2 KiB
CSS
14 lines
1.2 KiB
CSS
/* Aurora Admin ImagePreview 样式 — 图片大图预览，遮罩 + 左右切换 + 缩略图 */
|
|
|
|
.aa-imgprev-mask { position: fixed; inset: 0; background: rgba(0,0,0,0.85); z-index: 2500; display: flex; align-items: center; justify-content: center; flex-direction: column; }
|
|
.aa-imgprev-img { max-width: 80vw; max-height: 70vh; border-radius: 4px; }
|
|
.aa-imgprev-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border: none; border-radius: 50%; background: rgba(255,255,255,0.15); color: #fff; font-size: 20px; cursor: pointer; }
|
|
.aa-imgprev-arrow:hover { background: rgba(255,255,255,0.3); }
|
|
.aa-imgprev-arrow.prev { left: 24px; }
|
|
.aa-imgprev-arrow.next { right: 24px; }
|
|
.aa-imgprev-close { position: absolute; top: 20px; right: 24px; color: #fff; font-size: 24px; cursor: pointer; background: none; border: none; }
|
|
.aa-imgprev-thumbs { display: flex; gap: 8px; margin-top: 16px; }
|
|
.aa-imgprev-thumb { width: 48px; height: 48px; border-radius: 4px; object-fit: cover; cursor: pointer; border: 2px solid transparent; }
|
|
.aa-imgprev-thumb.is-active { border-color: #2F54EB; }
|
|
.aa-imgprev-count { color: #fff; font-size: 13px; margin-top: 8px; }
|