refactor(components): 优化卡片组件样式和交互逻辑

统一调整集数展示框的样式和交互效果
简化搜索页状态初始化逻辑
移除收藏功能的即时UI更新
This commit is contained in:
SongPro
2025-07-03 17:15:50 +08:00
parent c678534722
commit 020cb6b6b9
4 changed files with 34 additions and 47 deletions

View File

@@ -111,12 +111,6 @@ export default function VideoCard({
e.preventDefault();
e.stopPropagation();
// 如果是从收藏夹移除立即更新UI
if (favorited && from === 'favorites') {
setIsDeleting(true);
onDelete?.();
}
try {
const newState = await toggleFavorite(source, id, {
title,
@@ -237,23 +231,23 @@ export default function VideoCard({
</div>
</div>
{/* 集数矩形展示框 - 增加条件判断:仅当有多个集数且已播放时显示 */}
{/* 继续观看 - 集数矩形展示框 */}
{episodes && episodes > 1 && currentEpisode && (
<div className='absolute top-2 right-2 min-w-[1.875rem] h-5 sm:h-7 sm:min-w-[2.5rem] bg-green-500/90 dark:bg-green-600/90 rounded-md flex items-center justify-center px-2 shadow-md text-[0.55rem] sm:text-xs'>
<span className='text-white font-bold leading-none'>
{currentEpisode}
<span className='mx-1 text-white/80'>/</span>
</span>
<span className='mx-1 text-white/80'>/</span>
<span className='text-white font-bold leading-none'>
{episodes}
</span>
</div>
)}
{/* 集数圆形展示框 - 无当前集数且总集数大于 1 时展示 */}
{episodes && episodes > 1 && !currentEpisode && (
<div className='absolute top-2 right-2 w-4 h-4 sm:w-7 sm:h-7 bg-green-500 rounded-full flex items-center justify-center'>
<span className='text-white text-[0.5rem] sm:text-xs font-bold'>
{/* 搜索非聚合 - 集数圆形展示 */}
{from === 'search' && (
<div className='absolute top-2 right-2 w-4 h-4 sm:w-7 sm:h-7 rounded-full bg-green-500/90 dark:bg-green-600/90 flex items-center justify-center shadow-md text-[0.55rem] sm:text-xs'>
<span className='text-white font-bold leading-none'>
{episodes}
</span>
</div>