标题栏 | 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 工具函数

应用扩展

联系站长

标题栏

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

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

TIP

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

TIP

无边框 Electron 窗口

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

关于无边框 Electron 窗口。

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

1. Introduction

2. QBar API

2.1. 无边框 Electron 窗口