gpt
This commit is contained in:
@@ -2,6 +2,7 @@
|
||||
|
||||
.__PFX__-item{
|
||||
width:100%;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.__PFX__-item-link{
|
||||
@@ -53,3 +54,9 @@
|
||||
font-size:12px;
|
||||
color:var(--text-muted-color);
|
||||
}
|
||||
.lazyload-img{
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
@@ -18,14 +18,25 @@
|
||||
gap:12px;
|
||||
align-items:flex-start; */
|
||||
}
|
||||
.__PFX__-itv-media01{ --itv-cover-ratio: 16/9; --itv-cover-radius: 12px; }
|
||||
.__PFX__-itv-media02{ --itv-cover-ratio: 4/3; --itv-cover-radius: 10px; }
|
||||
.__PFX__-itv-media03{ --itv-cover-ratio: 3/2; --itv-cover-radius: 14px; }
|
||||
.__PFX__-itv-media04{ --itv-cover-ratio: 21/9; --itv-cover-radius: 18px; }
|
||||
.__PFX__-itv-media05{ --itv-cover-ratio: 5/3; --itv-cover-radius: 8px; --itv-cover-outline: 1px solid rgba(0,0,0,.12); }
|
||||
.__PFX__-itv-media06{ --itv-cover-ratio: 1/1; --itv-cover-radius: 12px; }
|
||||
|
||||
|
||||
/* 封面偏宽 */
|
||||
.__PFX__-item.media .__PFX__-item-cover , .__PFX__-item.media img{
|
||||
flex:0 0 38%;
|
||||
aspect-ratio:16 / 9;
|
||||
border-radius:10px;
|
||||
overflow:hidden;
|
||||
|
||||
background:var(--bg-soft-color);
|
||||
aspect-ratio: var(--itv-cover-ratio, 16/9);
|
||||
border-radius: var(--itv-cover-radius, 12px);
|
||||
background: var(--itv-cover-bg, var(--bg-soft-color));
|
||||
outline: var(--itv-cover-outline, none);
|
||||
box-shadow: var(--itv-cover-shadow, none);
|
||||
}
|
||||
|
||||
/* 信息区居中 */
|
||||
|
||||
@@ -8,14 +8,29 @@
|
||||
gap:6px;
|
||||
}
|
||||
|
||||
.__PFX__-itv-poster01{ --itv-cover-ratio: 2/3; --itv-cover-radius: 12px; }
|
||||
.__PFX__-itv-poster02{ --itv-cover-ratio: 4/5; --itv-cover-radius: 14px; }
|
||||
.__PFX__-itv-poster03{ --itv-cover-ratio: 3/4; --itv-cover-radius: 10px; }
|
||||
.__PFX__-itv-poster04{ --itv-cover-ratio: 9/16; --itv-cover-radius: 16px; }
|
||||
|
||||
.__PFX__-itv-poster05{ --itv-cover-ratio: 1/1; --itv-cover-radius: 12px; }
|
||||
.__PFX__-itv-poster06{ --itv-cover-ratio: 2/3; --itv-cover-radius: 0px; --itv-cover-outline: 1px solid rgba(0,0,0,.10); }
|
||||
.__PFX__-itv-poster07{ --itv-cover-ratio: 4/5; --itv-cover-radius: 20px; --itv-cover-shadow: 0 10px 24px rgba(0,0,0,.12); }
|
||||
.__PFX__-itv-poster08{ --itv-cover-ratio: 3/4; --itv-cover-radius: 8px; --itv-cover-outline: 1px solid rgba(0,0,0,.14); }
|
||||
|
||||
|
||||
/* 封面容器 */
|
||||
.__PFX__-item.poster .__PFX__-item-cover{
|
||||
position:relative;
|
||||
width:100%;
|
||||
aspect-ratio:2/3;
|
||||
overflow:hidden;
|
||||
border-radius:12px;
|
||||
|
||||
background:var(--bg-soft-color);
|
||||
aspect-ratio: var(--itv-cover-ratio, 2 / 3);
|
||||
border-radius: var(--itv-cover-radius, 12px);
|
||||
background: var(--itv-cover-bg, var(--bg-soft-color));
|
||||
outline: var(--itv-cover-outline, none);
|
||||
box-shadow: var(--itv-cover-shadow, none);
|
||||
}
|
||||
|
||||
/* 封面图 */
|
||||
|
||||
@@ -17,7 +17,7 @@
|
||||
display:flex;
|
||||
align-items:center;
|
||||
gap:10px;
|
||||
padding:6px 0;
|
||||
padding:6px;
|
||||
}
|
||||
|
||||
/* 序号 */
|
||||
|
||||
Reference in New Issue
Block a user