この記事に従って、 ElectronとSvelteをセットアップします。
ウィンドウをフレームレスにしたかったので、有効frame: false
にindex.js
すると正常に機能し、タイトルバーがありません。
このStackOverflowの回答によると、移動を有効にするには、次を使用する必要があります。
.titlebar {
-webkit-user-select: none;
-webkit-app-region: drag;
}
しかし、これは機能せず、何もドラッグできません。Svelteコード全体:
<main>
<h1>Hello</h1>
</main>
<style>
main {
--webkit-user-select: none;
--webkit-app-region: drag;
text-align: center;
padding: 1em;
max-width: 240px;
margin: 0 auto;
}
h1 {
color: #ff3e00;
text-transform: uppercase;
font-size: 4em;
font-weight: 100;
}
@media (min-width: 640px) {
main {
max-width: none;
}
}
</style>
追加する必要があることがわかりました:
* {
-webkit-user-select: none;
-webkit-app-region: drag;
}
Svelteアプリに移動して、-webkit-app-region: no-drag !important;
ボタンのようにドラッグしてはいけないものに使用します。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加