assignment_late
为什么捐赠
travel_explore
API 浏览器
public
浏览器支持
widgets
Vue 组件
Ajax Bar Ajax 进度条
Avatar 头像
Badge 徽标
Banner 横幅
Bar 工具栏
Breadcrumbs 面包屑
Card 卡片
Carousel 轮播
Chat Message 聊天消息
Chip 纸片
Circular Progress 环形进度条
Color Picker 颜色选择器
Dialog 对话框
Editor WYSIWYG 编辑器
Expansion Item 展开项
Floating Action Button 浮动操作按钮
Icon 图标
Img 图片
Infinite Scroll 无限滚动
Inner Loading 内部加载
Intersection 交叉观察
Knob 旋钮
Linear Progress 线性进度条
List & List Items 列表与列表项
Markup Table 标记表格
Menu 菜单
No SSR
Observers 观察者
Pagination 分页
Parallax 视差
Popup Edit 弹出编辑
Popup Proxy 弹出代理
Pull to Refresh 下拉刷新
Rating 评分
Responsive 响应式
Scroll Area 滚动区域
Separator 分隔线
Skeleton 骨架屏
Slide Item 滑动项
Slide Transition 滑动过渡
Space 间隔
Spinners 加载动画
Splitter 分割面板
Stepper 步骤条
Table 表格
Tabs 标签页
Tab Panels 标签面板
Timeline 时间线
Toolbar 工具栏
Tooltip 提示框
Tree 树形控件
Uploader 上传器
Video 视频
Virtual Scroll 虚拟滚动
build
Quasar CLI(Webpack 版)
alternate_email
联系站长
QInnerLoading 组件允许您在组件内部添加进度动画。与加载插件类似,它的目的是给用户提供视觉反馈,表明某些后台进程正在进行,这可能需要较长时间。QInnerLoading 会在延迟的元素上添加一个不透明的遮罩层和一个加载动画。
用法
WARNING
为了使加载动画能够正确地居中显示在您想要显示加载效果的元素上,该元素必须将 CSS position 设置为 relative(或声明 relative-position CSS 类)。
WARNING
QInnerLoading 必须是其父元素内的最后一个元素,这样它才能显示在其他内容的上面。
基础
标签 v2.2+
您可以在使用默认插槽时添加标签,也可以使用 “label” 属性:
无障碍访问 v2.25+
QInnerLoading 仅是一个视觉遮罩层:它覆盖的内容仍保留在无障碍树中且可聚焦,加载状态本身也不会被播报。请通过属性传入 role="status" 并使用 label 属性,以便屏幕阅读器能感知状态变化,同时自行管理被遮盖的区域——在其上设置 aria-busy="true" 或使其 inert——当加载期间不应被访问时。
Ready for more?
Caught a mistake?Edit this page in browser
Copyright © 2015-present PULSARDEV SRL, Razvan Stoenescu