refactor(components): 优化卡片组件并更新运行时配置

- 移除多个卡片组件的懒加载属性以提升首屏性能
- 使用ImagePlaceholder组件统一骨架屏实现
- 修复DemoCard组件中的拼写错误
- 标准化runtime.ts中的JSON格式
- 更新package.json中的包管理器配置
This commit is contained in:
SongPro
2025-07-03 23:09:05 +08:00
parent b30589628a
commit 7f22bc87b5
6 changed files with 9 additions and 11 deletions

View File

@@ -1,11 +1,11 @@
import { ImagePlaceholder } from '@/components/ImagePlaceholder';
const DoubanCardSkeleton = () => {
return (
<div className='w-full'>
<div className='group relative w-full rounded-lg bg-transparent shadow-none flex flex-col'>
{/* 海报骨架 - 2:3 比例 */}
<div className='relative aspect-[2/3] w-full overflow-hidden rounded-lg bg-gray-200 animate-pulse dark:bg-gray-800'>
<div className='absolute inset-0 bg-gray-300 dark:bg-gray-700'></div>
</div>
{/* 图片占位符 - 骨架屏效果 */}
<ImagePlaceholder aspectRatio='aspect-[2/3]' />
{/* 信息层骨架 */}
<div className='absolute top-[calc(100%+0.5rem)] left-0 right-0'>