骨架屏

QSkeleton 是一个用于在加载实际页面数据之前显示内容占位符预览的组件。这是一种很好的方式,可以在页面完全加载之前告知用户对页面的期望,并提高感知性能。当获取数据时,它可用于在屏幕上逐渐显示信息。

QSkeleton API

用法

预设的类型

下面您可以看到预定义的类型。有一些基本类型(文本、矩形、圆形),还有一些特殊的便利类型,可以准确尊重 Quasar 组件的尺寸和边框半径。

动画

大小

样式

示例

享受一些预制的示例。您的想象力是唯一的限制。

无障碍访问

v2.25+

QSkeleton 是一个不带 ARIA 的装饰性占位符——屏幕阅读器进入骨架屏时只能发现空的、未标注的方块。请通过 aria-hidden="true" 对辅助技术隐藏骨架，或者在加载区域本身标记 aria-busy="true" 来传达其尚未就绪的状态。