electron 无边框模式 加阴影效果

要在 Electron 中实现无边框模式和阴影效果，您可以使用 CSS 样式来自定义窗口外观。以下是一个示例：

/* 隐藏窗口边框 */
#my-window {
  -webkit-app-region: no-drag;
  -webkit-user-select: none;
}

/* 添加阴影效果 */
#my-window {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

在上面的示例中，我们使用 `-webkit-app-region: no-drag;` 样式来隐藏窗口边框，使其看起来像是没有边框的窗口。我们还使用 `box-shadow` 样式来添加阴影效果。

请注意，使用 `-webkit-app-region: no-drag;` 样式会禁用窗口的拖动功能，因此您需要在窗口中添加自定义拖动逻辑。

此外，您还可以使用 Electron 的 `BrowserWindow` API 来控制窗口的外观和行为。例如，您可以使用 `setHasShadow` 方法来启用或禁用窗口阴影效果：

const { BrowserWindow } = require('electron')

const myWindow = new BrowserWindow({ 
  width: 800, 
  height: 600, 
  frame: false 
})
myWindow.setHasShadow(true)

在上面的示例中，我们创建了一个没有边框的窗口，并使用 `setHasShadow` 方法启用了阴影效果。请注意，`setHasShadow` 方法需要在创建窗口后立即调用。