feat(widgets): author/user card more-posts strip + ranking empty/TOP

Add shared aksrt-user-card helpers (mini list + swiper-scroll card), wire
AuthorCard/UserCard show_posts options, ranking empty state and top_badge.
This commit is contained in:
2026-07-21 08:04:03 +08:00
parent c0b7cb504b
commit 93fd6a93c2
6 changed files with 473 additions and 36 deletions
+120
View File
@@ -883,3 +883,123 @@
.aksrt-tag-cloud .c-red-2 { background: #fecaca; color: #991b1b; }
.aksrt-home-widget__ajax .ajax-pag { margin-top: 12px; text-align: center; }
/* ---- batch10: user-card more-posts + slider wrap + ranking top badge ---- */
.user-card-posts .more-posts-mini .item {
padding: 6px 0;
border-bottom: 1px dashed var(--color-line, rgba(0, 0, 0, 0.06));
}
.user-card-posts .more-posts-mini .item:last-child { border-bottom: 0; }
.user-card-posts .more-posts-mini .item a {
display: block;
color: inherit;
text-decoration: none;
font-size: 13px;
}
.user-card-posts .more-posts-mini .item a:hover {
color: var(--color-primary, #3b82f6);
}
.user-card-posts .more-posts.swiper-container {
margin: 8px 0 0;
padding: 0 2px 4px;
overflow: hidden;
}
.user-card-posts .more-posts .swiper-slide {
width: auto;
max-width: 46%;
}
.aksrt-more-post-card {
display: block;
color: inherit;
text-decoration: none;
border-radius: 8px;
overflow: hidden;
background: var(--surface-2, #f8fafc);
}
.aksrt-more-post-card__thumb {
display: block;
aspect-ratio: 16 / 10;
overflow: hidden;
background: var(--surface-3, #eef2f7);
}
.aksrt-more-post-card__thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.aksrt-more-post-card__body {
display: block;
padding: 6px 8px 8px;
}
.aksrt-more-post-card__title {
display: block;
font-size: 12px;
font-weight: 600;
line-height: 1.35;
}
.aksrt-more-post-card__meta {
display: flex;
justify-content: space-between;
gap: 6px;
margin-top: 4px;
font-size: 11px;
}
.aksrt-widget-slider-wrap {
border-radius: 10px;
overflow: hidden;
}
.aksrt-widget-slider-wrap .new-swiper {
--pc-height: 220px;
--m-height: 180px;
height: var(--pc-height);
}
@media (max-width: 768px) {
.aksrt-widget-slider-wrap .new-swiper {
height: var(--m-height);
}
}
.aksrt-widget-slider-wrap .swiper-slide img.fit-cover {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.aksrt-widget-slider-wrap .aksrt-slide-text {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 18px 14px 12px;
background: linear-gradient(transparent, rgba(0, 0, 0, 0.55));
color: #fff;
pointer-events: none;
}
.aksrt-widget-slider-wrap .aksrt-slide-text__title {
font-size: 15px;
font-weight: 700;
}
.aksrt-widget-slider-wrap .aksrt-slide-text__desc {
font-size: 12px;
opacity: 0.9;
margin-top: 2px;
}
.muted-box.c-red,
.c-red.muted-box {
color: #b91c1c;
background: #fef2f2;
border: 1px solid #fecaca;
border-radius: 8px;
padding: 12px 14px;
font-size: 13px;
}
/* ranking empty state */
.aksrt-user-ranking__empty {
margin: 8px 0 0;
font-size: 13px;
color: var(--muted-2-color, #999);
text-align: center;
}