QBar 是一个小型组件，用于在不同类型的移动或桌面网站/应用上创建顶部栏。例如，在桌面应用中，QBar 会包含关闭、最小化或最大化按钮以及其他菜单控件。
¥The QBar is a small component for creating the top bar on different types of mobile or desktop websites/apps. For instance, in desktop apps QBar will have things like the close, minimize or maximize buttons and other menu controls for your application.
QBar 对于集成在 QHeader 中的无框架 Electron 应用尤其有用。
¥QBar is especially useful for frame-less Electron apps where you integrate it in the QHeader.
用法(Usage)
¥Usage
提示
为了提高响应速度，请使用 可见性 Quasar CSS 类。为了进行更精细的调整，你可以编写自己的 CSS 媒体断点，甚至可以使用 QResizeObserver。
¥For responsiveness, use Visibility Quasar CSS Classes. For finer tuning you can go write your own CSS media breakpoints or even go with QResizeObserver.
样式(Styling)
¥Styling
带其他组件(With other components)
¥With other components
无框 Electron 窗口(Frameless Electron Window)
¥Frameless Electron Window
QBar 组件在开发 Electron 应用时非常有用，尤其是在你选择使用无框架窗口的情况下。
¥QBar component can come in really handy when developing Electron apps, especially if you choose to use a frameless window.
在 无框 Electron 窗口 页面上阅读更多内容。
¥Read more on Frameless Electron Window page.