- {/* 左导航按钮 - 强制显示用于测试 */}
-
-
{categories.map((label, idx) => {
@@ -343,7 +279,7 @@ const EpisodeSelector: React.FC = ({
buttonRefs.current[idx] = el;
}}
onClick={() => handleCategoryClick(idx)}
- className={`w-20 relative py-2 text-sm font-medium transition-colors whitespace-nowrap flex-shrink-0 text-center
+ className={`w-20 relative py-2 text-sm font-medium transition-colors whitespace-nowrap flex-shrink-0 text-center
${
isActive
? 'text-green-500 dark:text-green-400'
@@ -360,23 +296,6 @@ const EpisodeSelector: React.FC = ({
})}
-
- {/* 右导航按钮 - 强制显示用于测试 */}
-
-
{/* 向上/向下按钮 */}
-
🔧 响应式测试区域
-
- {[1,2,3,4,5,6,7,8,9,10].map(n => (
-
- {n}
-
- ))}
-
-
如果这个网格随着浏览器缩放改变，说明响应式正常工作
-
- {/* 调试信息 */}
-
- 📊 总共 {totalEpisodes} 集 | 每页 {episodesPerPage} 集 | 当前第 {currentPage + 1} 页 | 共 {pageCount} 页
-
-
- {/* 响应式网格 - 简化但有效的方案 */}
-
- {(() => {
- const len = currentEnd - currentStart + 1;
- const episodes = Array.from({ length: len }, (_, i) =>
- descending ? currentEnd - i : currentStart + i
- );
- return episodes;
- })().map((episodeNumber) => {
- const isActive = episodeNumber === value;
- return (
-
- );
- })}
-
+ {/* 集数网格 */}
+
+ {(() => {
+ const len = currentEnd - currentStart + 1;
+ const episodes = Array.from({ length: len }, (_, i) =>
+ descending ? currentEnd - i : currentStart + i
+ );
+ return episodes;
+ })().map((episodeNumber) => {
+ const isActive = episodeNumber === value;
+ return (
+
+ );
+ })}
)}
@@ -548,11 +412,11 @@ const EpisodeSelector: React.FC
= ({
!isCurrentSource && handleSourceClick(source)
}
className={`flex items-start gap-3 px-2 py-3 rounded-lg transition-all select-none duration-200 relative
- ${
- isCurrentSource
- ? 'bg-green-500/10 dark:bg-green-500/20 border-green-500/30 border'
- : 'hover:bg-gray-200/50 dark:hover:bg-white/10 hover:scale-[1.02] cursor-pointer'
- }`.trim()}
+ ${
+ isCurrentSource
+ ? 'bg-green-500/10 dark:bg-green-500/20 border-green-500/30 border'
+ : 'hover:bg-gray-200/50 dark:hover:bg-white/10 hover:scale-[1.02] cursor-pointer'
+ }`.trim()}
>
{/* 封面 */}
@@ -588,7 +452,6 @@ const EpisodeSelector: React.FC
= ({
{(() => {
const sourceKey = `${source.source}-${source.id}`;
const videoInfo = videoInfoMap.get(sourceKey);
-
if (videoInfo && videoInfo.quality !== '未知') {
if (videoInfo.hasError) {
return (
@@ -658,7 +521,7 @@ const EpisodeSelector: React.FC = ({
无测速数据
- ); // 占位div
+ );
}
}
})()}