fix: 修正订阅卡片占位符样式和媒体 ID 校验逻辑

This commit is contained in:
jxxghp
2026-08-09 12:49:54 +08:00
parent 6bf9cf9d18
commit 139721d62a
2 changed files with 13 additions and 5 deletions
+8 -3
View File
@@ -540,7 +540,7 @@ function handleCardClick() {
<template #image v-if="display.smAndUp.value">
<div
v-if="showPlaceholder"
class="subscribe-card-placeholder d-flex align-center justify-center relative"
class="subscribe-card-placeholder subscribe-card-placeholder--cover d-flex align-center justify-center relative"
>
<VIcon :icon="placeholderIcon" size="64" color="medium-emphasis" />
<div class="absolute inset-0 outline-none subscribe-card-background"></div>
@@ -675,7 +675,7 @@ function handleCardClick() {
</template>
<div v-else>
<VCardText class="flex items-center pt-3 pb-2">
<VCardText class="flex flex-1 items-center pt-3 pb-9">
<div
class="h-auto w-12 flex-shrink-0 overflow-hidden rounded-md relative"
v-if="imageLoaded && posterUrl"
@@ -699,7 +699,7 @@ function handleCardClick() {
</div>
</div>
</VCardText>
<VCardText class="flex min-w-0 justify-space-between align-center flex-wrap px-3 mt-auto">
<VCardText class="absolute inset-x-0 bottom-2 z-10 flex min-w-0 justify-space-between align-center flex-wrap px-3">
<div class="flex min-w-0 max-w-full align-center">
<VIcon
v-if="props.media?.total_episode && props.sortable"
@@ -981,6 +981,11 @@ function handleCardClick() {
background: rgba(var(--v-theme-on-surface), 0.08);
}
/* 桌面版占位与图片同高,避免无图时卡片整体塌陷上浮 */
.subscribe-card-placeholder--cover {
aspect-ratio: 3 / 2;
}
/**
* 暂停:降低不透明度表达"已停止活动"
*/