4

我注意到在 MacOS Big Sur 上运行的 Electron 中的振动效果似乎是一个错误......

这是我的窗口第一次加载时的样子：

在此处输入图像描述

如果我在不释放鼠标的情况下将其拖到另一个屏幕并再次返回，它的外观如下：

在此处输入图像描述

如果我将它拖到另一个屏幕，释放鼠标，然后再次将其拖回来，它的外观如下：

在此处输入图像描述

这是我设置我的方式BrowserWindow：

const win = new BrowserWindow({
    darkTheme: true,
    frame: false,
    roundedCorners: true,
    transparent: true,
    vibrancy: 'fullscreen-ui',
    titleBarStyle: 'hiddenInset',
    width: 1024,
    height: 768,
    minWidth: 640,
    minHeight: 480
})

最后，这里是标记，所以你可以看到如何/为什么有一个可拖动的标题：

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <style>
        html,
        body {
            margin: 0;
            padding: 0;
            min-height: 100%;
            min-width: 100%;
            height: 100%;
            width: 100%;
            overflow: hidden;
        }

        header {
            display: block;
            width: 100%;
            height: 38px;
            background: rgba(0, 0, 0, 0.5);
            user-select: none;
            -webkit-user-select: none;
            -webkit-app-region: drag;
        }
    </style>
</head>

<body>
    <header>

    </header>
</body>

</html>

除了“这是一个错误”之外，还有什么想法可以解释为什么窗口在被拖到另一个屏幕时会失去其圆角边缘和阴影。如果这是我设置代码的方式中的一个错误，而不是在 Electron 中，我该如何解决这个问题？

4

0 回答 0