Skip to page content

标题栏

QBar 组件用于创建类似操作系统窗口标题栏的界面元素。它可以模拟不同操作系统的标题栏样式,并支持自定义内容和操作按钮。

QBar 组件在无边框的 electron 应用中尤其有用,您可以将它集成到 QHeader 中。

TIP

对于响应性,使用Visibility Quasar 内置的 CSS 类。为了更好地调整,您可以编写自己的 CSS 媒体断点,或者使用QResizeObserver

TIP

无边框 Electron 窗口

QBar 组件在开发 Electron 应用程序时非常方便,特别是当您选择使用无框架(frameless)窗口时。

关于无边框 Electron 窗口

无障碍访问
v2.25+

与 QToolbar 类似,QBar 带有 role="toolbar" 且仅此而已——当页面包含多个工具栏时,请为其添加 aria-label,并注意内部的所有控件都是独立的 Tab 焦点。详情参见 QToolbar 的无障碍访问章节