Electron无边框自定义窗口拖动

qq_434786532023-12-23 4:18

解决方案

html 复制代码

    <header class="absolute" style="left:0px;top:0px;width:100%;height:48px;background-color:red;padding:0px;margin:0px;">
      <div class="absolute" style="left:0px;top:0px;width:100%;height:100%;-webkit-app-region:drag">
        <button style="width:200px;height:100px;-webkit-app-region:no-drag;" @click="console.log('abc')">点我</button>
      </div>
    </header>

首先外部可拖拽区域设置：-webkit-app-region:drag;

如果想要里面的按钮可点击，仅需要设置按钮不可拖拽就行：-webkit-app-region:drag;