{/* 内容网格 */}
-
- {loading || !selectorsReady
- ? // 显示骨架屏
- skeletonData.map((index) =>
)
- : // 显示实际数据
- doubanData.map((item, index) => (
+ {loading || !selectorsReady
+ ? // 显示骨架屏
+
+ {skeletonData.map((index) => )}
+
+ : // 显示实际数据
+
(
- ))}
-
+ )}
+ />
+ }
{/* 加载更多指示器 */}
{hasMore && !loading && (
diff --git a/src/app/search/page.tsx b/src/app/search/page.tsx
index c63742a..cfe751c 100644
--- a/src/app/search/page.tsx
+++ b/src/app/search/page.tsx
@@ -18,6 +18,7 @@ import PageLayout from '@/components/PageLayout';
import SearchResultFilter, { SearchFilterCategory } from '@/components/SearchResultFilter';
import SearchSuggestions from '@/components/SearchSuggestions';
import VideoCard, { VideoCardHandle } from '@/components/VideoCard';
+import VirtualGrid from '@/components/VirtualGrid';
function SearchPageClient() {
// 搜索历史
@@ -759,69 +760,79 @@ function SearchPageClient() {
- {viewMode === 'agg'
- ? filteredAggResults.map(([mapKey, group]) => {
- const title = group[0]?.title || '';
- const poster = group[0]?.poster || '';
- const year = group[0]?.year || 'unknown';
- const { episodes, source_names, douban_id } = computeGroupStats(group);
- const type = episodes === 1 ? 'movie' : 'tv';
+
+ {viewMode === 'agg' ? (
+
{
+ const title = group[0]?.title || '';
+ const poster = group[0]?.poster || '';
+ const year = group[0]?.year || 'unknown';
+ const { episodes, source_names, douban_id } = computeGroupStats(group);
+ const type = episodes === 1 ? 'movie' : 'tv';
- // 如果该聚合第一次出现，写入初始统计
- if (!groupStatsRef.current.has(mapKey)) {
- groupStatsRef.current.set(mapKey, { episodes, source_names, douban_id });
- }
+ if (!groupStatsRef.current.has(mapKey)) {
+ groupStatsRef.current.set(mapKey, { episodes, source_names, douban_id });
+ }
- return (
-
+ return (
+
+
+
+ );
+ }}
+ />
+ ) : (
+
(
+
1 ? 'tv' : 'movie'}
/>
- );
- })
- : filteredAllResults.map((item) => (
-
- 1 ? 'tv' : 'movie'}
- />
-
- ))}
+ )}
+ />
+ )}
+ {virtualRows.map((virtualRow) => {
+ const startIdx = virtualRow.index * columns;
+ const rowItems = items.slice(startIdx, startIdx + columns);
+
+ return (
+
+
+ {rowItems.map((item, i) => (
+
+ {renderItem(item, startIdx + i)}
+
+ ))}
+
+
+ );
+ })}
+