electron 无边框 设置阴影 且最大化时没有边距

您好！关于您的问题，可以通过以下方式实现：

1. 无边框窗口

在创建 BrowserWindow 时，可以设置 frame 为 false，实现无边框窗口。

const { BrowserWindow } = require('electron')

let win = new BrowserWindow({
  width: 800,
  height: 600,
  frame: false
})

2. 设置阴影

可以使用 CSS 的 box-shadow 属性，实现窗口阴影效果。

body {
  -webkit-app-region: drag;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

3. 最大化时没有边距

可以在创建 BrowserWindow 时，设置 autoHideMenuBar 和 titleBarStyle 为 true，实现最大化时没有边距的效果。

const { BrowserWindow } = require('electron')

let win = new BrowserWindow({
  width: 800,
  height: 600,
  autoHideMenuBar: true,
  titleBarStyle: 'hidden'
})

希望以上内容能够解决您的问题，如有疑问请随时追问。

相关问题

electron无边框窗口

电子无边框窗口是指不带外壳的窗口，只包含网页内容。实现无边框窗口的方案有两种：一种是创建无边框窗口，另一种是改造现有的窗口。创建无边框窗口可以通过在创建BrowserWindow时将frame选项设置为false来实现。例如：let win = new BrowserWindow({frame: false})。而改造现有的窗口可以通过将transparent选项设置为true，使窗口变为透明。例如：let win = new BrowserWindow({transparent: true, frame: false})。这样就可以实现electron的无边框窗口功能。