QInnerLoading 组件允许您在组件内部添加进度动画。与加载插件类似,它的目的是给用户提供视觉反馈,表明某些后台进程正在进行,这可能需要较长时间。QInnerLoading 会在延迟的元素上添加一个不透明的遮罩层和一个加载动画。
用法
WARNING
为了使加载动画能够正确地居中显示在您想要显示加载效果的元素上,该元素必须将 CSS position 设置为 relative(或声明 relative-position CSS 类)。
WARNING
QInnerLoading 必须是其父元素内的最后一个元素,这样它才能显示在其他内容的上面。
基础
标签 v2.2+
您可以在使用默认插槽时添加标签,也可以使用 “label” 属性:
无障碍访问 v2.25+
QInnerLoading 仅是一个视觉遮罩层:它覆盖的内容仍保留在无障碍树中且可聚焦,加载状态本身也不会被播报。请通过属性传入 role="status" 并使用 label 属性,以便屏幕阅读器能感知状态变化,同时自行管理被遮盖的区域——在其上设置 aria-busy="true" 或使其 inert——当加载期间不应被访问时。