- 图标优化、视频缩略图
This commit is contained in:
@@ -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); }
|
||||
|
||||
Reference in New Issue
Block a user