- 图标优化、视频缩略图

This commit is contained in:
Pine
2026-05-13 01:19:41 +08:00
parent a5b96eed6e
commit d9b0aa27e5
5 changed files with 67 additions and 22 deletions
+41
View File
@@ -696,6 +696,46 @@ button { font-family: "Poppins", "PingFang SC", sans-serif; cursor: pointer; tra
display: block;
cursor: pointer;
}
.thumb-video-wrap {
position: relative;
width: 100%;
height: 108px;
overflow: hidden;
cursor: pointer;
background: #111;
}
.thumb-video-wrap .thumb {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
background: #111;
}
.play-badge {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 36px;
height: 36px;
border-radius: 50%;
background: rgba(0,0,0,0.55);
color: rgba(255,255,255,0.85);
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
backdrop-filter: blur(4px);
border: 1.5px solid rgba(255,255,255,0.15);
transition: all 0.2s ease;
pointer-events: none;
}
.thumb-video-wrap:hover .play-badge {
background: rgba(0, 189, 125, 0.75);
color: #fff;
transform: translate(-50%, -50%) scale(1.1);
border-color: rgba(255,255,255,0.3);
}
.media-card .thumb-placeholder {
width: 100%;
height: 108px;
@@ -926,6 +966,7 @@ button { font-family: "Poppins", "PingFang SC", sans-serif; cursor: pointer; tra
.form-inline { flex-direction: column; gap: var(--space-16); }
.media-grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-8); }
.media-card .thumb { height: 88px; }
.thumb-video-wrap { height: 88px; }
.media-card .body { padding: var(--space-8); }
.media-card .body .name { font-size: 12px; }
.media-card .body .actions button { font-size: 11px; padding: var(--space-4) var(--space-8); }