SkeletonTile

四方连续音乐纹理 + 110° 斜向 shimmer 扫光的骨架屏占位容器。 扫光在底层,纹理(带 alpha)覆于其上 —— 光从透明区域透出,避免硬扫感。 纹理资源托管于 R2:cdn.lacuna.fm/static/textures/music-skeleton-tile.webp(384px / 54KB / RGBA)。

调参 · Tile Size
192px

数值越小,平铺越密、重复感越明显;数值越大,纹理越稀疏、单元也越大。

尺寸预设

列表 / 卡片占位

单行 · 长形态

超大容器(验证平铺无缝)

用法

import { SkeletonTile } from '@/components/ui/skeleton-tile'

<SkeletonTile className="aspect-video rounded-xl" />
<SkeletonTile className="h-4 w-3/4 rounded" tileSize={96} />