内部加载 | Quasar Framework

为什么捐赠

API 浏览器

如何贡献

选项与辅助工具

样式与标识

布局与栅格

Vue 组件

Buttons 按钮

Circular Progress 环形进度条

Floating Action Button 浮动操作按钮

Form Components 表单组件

Linear Progress 线性进度条

List & List Items 列表与列表项

Markup Table 标记表格

Menu 菜单

No SSR

Observers 观察者

Resize Observer 尺寸观察者

Scroll Observer 滚动观察者

Slide Transition 滑动过渡

Vue 指令

Quasar 插件

Vue 组合式函数

安全

Quasar CLI（Vite 版）

Quasar CLI（Webpack 版）

Icon Genie CLI

Quasar 工具函数

应用扩展

联系站长

内部加载

QInnerLoading 组件允许您在组件内部添加进度动画。与加载插件类似，它的目的是给用户提供视觉反馈，表明某些后台进程正在进行，这可能需要较长时间。QInnerLoading 会在延迟的元素上添加一个不透明的遮罩层和一个加载动画。

用法

WARNING

为了使加载动画能够正确地居中显示在您想要显示加载效果的元素上，该元素必须将 CSS position 设置为 relative（或声明 relative-position CSS 类）。

WARNING

QInnerLoading 必须是其父元素内的最后一个元素，这样它才能显示在其他内容的上面。

基础

标签
v2.2+

您可以在使用默认插槽时添加标签，也可以使用 “label” 属性：

发现错误？在浏览器中编辑此页

1. Introduction

2. QInnerLoading API

3. 用法

3.1. 基础

3.2. 标签

用法

基础

标签 v2.2+

标签
v2.2+