forked from 77media/video-flow
Merge branch 'dev' of https://git.qikongjian.com/77media/video-flow into dev
This commit is contained in:
commit
ab46209b25
@ -125,7 +125,7 @@ export function MessageRenderer({ msg }: MessageRendererProps) {
|
||||
case "progress":
|
||||
return <ProgressBar key={idx} value={b.value} total={b.total} label={b.label} />;
|
||||
case "link":
|
||||
return <a key={idx} href={b.url} className="underline">{b.text}</a>;
|
||||
return <a key={idx} href={b.url} className="underline hover:underline text-[rgb(111 208 211)]">{b.text}</a>;
|
||||
default:
|
||||
return null;
|
||||
}
|
||||
|
||||
@ -227,41 +227,7 @@ export default function CreateToVideo2() {
|
||||
scrollbarColor: 'rgba(255,255,255,0.1) transparent'
|
||||
}}
|
||||
>
|
||||
{isLoading && 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 ? (
|
||||
{episodeList.length > 0 && (
|
||||
/* 优化的剧集网格 */
|
||||
<div className="pb-8">
|
||||
<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 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" />
|
||||
<span className="text-white/90 font-medium">正在加载更多项目...</span>
|
||||
<span className="text-white/90 font-medium">Loading more projects...</span>
|
||||
</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">
|
||||
<Check className="w-6 h-6 text-purple-400" />
|
||||
</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>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user