mirror of
https://github.com/MoonTechLab/LunaTV.git
synced 2026-03-14 01:57:29 +08:00
refactor(components): 优化卡片组件并更新运行时配置
- 移除多个卡片组件的懒加载属性以提升首屏性能 - 使用ImagePlaceholder组件统一骨架屏实现 - 修复DemoCard组件中的拼写错误 - 标准化runtime.ts中的JSON格式 - 更新package.json中的包管理器配置
This commit is contained in:
@@ -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'>
|
||||
|
||||
Reference in New Issue
Block a user