mirror of
https://github.com/MoonTechLab/LunaTV.git
synced 2026-03-05 19:17:30 +08:00
refactor(components): 优化卡片组件样式和交互逻辑
统一调整集数展示框的样式和交互效果 简化搜索页状态初始化逻辑 移除收藏功能的即时UI更新
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user