electron 无边框 加阴影效果
时间: 2023-08-02 18:08:04 浏览: 342
无边框窗口加阴影
你可以使用`electron`的`BrowserWindow`对象的`frame`属性设置为`false`来去掉窗口边框,然后使用`CSS`为窗口添加阴影效果。具体的实现代码如下:
```javascript
const { BrowserWindow } = require('electron');
let win = new BrowserWindow({
width: 800,
height: 600,
frame: false, // 去掉窗口边框
webPreferences: {
nodeIntegration: true
}
});
win.webContents.on('did-finish-load', () => {
win.webContents.insertCSS(`
/* 添加阴影效果 */
body {
-webkit-app-region: drag;
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
`);
});
win.loadFile('index.html');
```
这样,你的`electron`窗口就会没有边框并且有阴影效果了。
阅读全文