骨架缩略图

骨架缩略图用于在图像出现在页面之前提供低保真度的图像表示,并改善商家感知的加载时间。用于卡片内或卡片外的缩略图。

使用此组件表示中等缩略图。

进口SkeletonThumbnail“@shopify /北极星”进口反应“反应”函数SkeletonExample返回<SkeletonThumbnail大小“媒介”/>

道具

想要帮助完善这个功能吗?请分享你的反馈

接口 SkeletonThumbnailProps
大小? “extraSmall”|“小”|“媒介”|“大”

缩略图的大小。

默认为“媒介”

最佳实践

骨架缩略图组件应该:

  • 尝试将缩略图的大小与正在加载的内容相匹配,以便它能给出准确的表示。