如何修改Electron中的子窗口关闭按钮样式

要修改Electron中的子窗口关闭按钮样式，你可以使用CSS针对关闭按钮的类名设置样式。这个类名可以在创建子窗口时设置，如下所示：

// 创建子窗口
const subWindow = new BrowserWindow({
  // 设置关闭按钮的class
  closeButtonClassName: 'my-close-button',
  ...
});

然后你可以在你的CSS中使用`.my-close-button`选择器来设置样式，例如：

.my-close-button {
  background-color: red;
  color: white;
  font-size: 20px;
}

这将把关闭按钮的背景颜色设置为红色，文本颜色设置为白色，并将字体大小设置为20像素。你可以根据需要修改样式。

请注意，这个方法只能修改关闭按钮的外观，不能修改按钮的行为。如果你需要修改关闭按钮的行为，你需要使用Electron的API来自定义关闭按钮的行为。

相关问题

Electron关闭子窗口

在Electron中关闭子窗口，可以使用以下代码：

// 获取当前窗口对象
const win = electron.remote.getCurrentWindow();

// 关闭子窗口
childWindow.close();

// 在父窗口中监听子窗口关闭事件
childWindow.on('closed', () => {
  // 子窗口关闭后，执行相应操作
  // 例如重新加载父窗口页面
  win.reload();
});

在上述代码中，`childWindow`表示要关闭的子窗口对象。可以通过多种方式获取子窗口对象，例如在创建子窗口时，在回调函数中返回子窗口对象。在父窗口中监听子窗口的`closed`事件，执行相应操作，例如重新加载父窗口页面。

electron 点击关闭按钮强制关闭所有窗口

在 Electron 中，可以监听主窗口的 `beforeunload` 事件，来检测是否关闭了所有窗口，并在此事件中强制关闭所有窗口。以下是一个示例代码：

const { app, BrowserWindow } = require('electron')

let mainWindow
let childWindows = []

function createMainWindow() {
  mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true
    }
  })

  mainWindow.loadFile('index.html')

  mainWindow.on('closed', () => {
    mainWindow = null
  })

  mainWindow.on('beforeunload', (event) => {
    if (childWindows.length > 0) {
      event.preventDefault()
      childWindows.forEach(child => child.destroy())
      childWindows = []
      mainWindow.destroy()
    }
  })
}

function createChildWindow() {
  const childWindow = new BrowserWindow({
    width: 400,
    height: 300,
    parent: mainWindow,
    webPreferences: {
      nodeIntegration: true
    }
  })

  childWindow.loadFile('child.html')

  childWindow.on('closed', () => {
    childWindows.splice(childWindows.indexOf(childWindow), 1)
  })

  childWindows.push(childWindow)
}

app.on('ready', () => {
  createMainWindow()
  createChildWindow()
})

app.on('window-all-closed', () => {
  app.quit()
})

在此示例中，我们创建了一个主窗口和一个子窗口，并在主窗口的 `beforeunload` 事件中检查了子窗口的数量。如果子窗口的数量大于 0，则取消关闭事件并销毁所有子窗口和主窗口。如果子窗口的数量为 0，则不需要执行任何操作，因为主窗口将会正常关闭。