xueteng/video-flow-b
1
0
Fork 0
forked from 77media/video-flow
Code Pull Requests Activity

去掉 列表页 骨架屏

Browse Source
This commit is contained in:
北枳 2025-08-29 06:14:55 +08:00
parent 5b268abe5e
commit b168ce952d
1 changed files with 3 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
components/pages/create-to-video2.tsx
View File

@ -227,41 +227,7 @@ export default function CreateToVideo2() {
scrollbarColor: 'rgba(255,255,255,0.1) transparent' scrollbarColor: 'rgba(255,255,255,0.1) transparent'
}} }}
> >
{isLoading && episodeList.length === 0 ? ( {episodeList.length > 0 && (
/* 优化的加载状态 */
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 pb-6">
{[...Array(6)].map((_, index) => (
<div
key={index}
className="group relative aspect-video bg-black/20 rounded-lg overflow-hidden animate-pulse"
>
{/* 背景占位 */}
<div className="w-full h-full bg-gradient-to-br from-white/[0.04] to-white/[0.02]" />
{/* 渐变遮罩 */}
<div className="absolute inset-0 bg-gradient-to-t from-black/80 via-transparent to-transparent" />
{/* 状态标签占位 */}
<div className="absolute top-3 left-3">
<div className="flex items-center gap-2 rounded-full bg-white/10 px-3 py-1">
<div className="w-2 h-2 rounded-full bg-white/20"></div>
<div className="w-16 h-3 bg-white/20 rounded-full"></div>
</div>
</div>
{/* 项目ID占位 */}
<div className="absolute top-3 right-3">
<div className="w-20 h-3 bg-white/10 rounded-full"></div>
</div>
{/* 底部信息占位 */}
<div className="absolute bottom-0 left-0 right-0 p-4">
<div className="w-2/3 h-5 bg-white/10 rounded-lg"></div>
</div>
</div>
))}
</div>
) : episodeList.length > 0 ? (
/* 优化的剧集网格 */ /* 优化的剧集网格 */
<div className="pb-8"> <div className="pb-8">
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6"> <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
@ -273,7 +239,7 @@ export default function CreateToVideo2() {
<div className="flex justify-center py-12"> <div className="flex justify-center py-12">
<div className="flex items-center gap-3 px-6 py-3 bg-black/30 backdrop-blur-xl border border-white/10 rounded-full"> <div className="flex items-center gap-3 px-6 py-3 bg-black/30 backdrop-blur-xl border border-white/10 rounded-full">
<Loader2 className="w-5 h-5 animate-spin text-purple-400" /> <Loader2 className="w-5 h-5 animate-spin text-purple-400" />
<span className="text-white/90 font-medium">正在加载更多项目...</span> <span className="text-white/90 font-medium">Loading more projects...</span>
</div> </div>
</div> </div>
)} )}
@ -285,13 +251,11 @@ export default function CreateToVideo2() {
<div className="w-12 h-12 bg-black/30 backdrop-blur-xl border border-white/10 rounded-full flex items-center justify-center mx-auto mb-3"> <div className="w-12 h-12 bg-black/30 backdrop-blur-xl border border-white/10 rounded-full flex items-center justify-center mx-auto mb-3">
<Check className="w-6 h-6 text-purple-400" /> <Check className="w-6 h-6 text-purple-400" />
</div> </div>
<p className="text-white/70 text-sm">已加载全部项目</p> <p className="text-white/70 text-sm">All projects loaded</p>
</div> </div>
</div> </div>
)} )}
</div> </div>
) : (
<></>
)} )}
</div> </div>
</div> </div>