electron-builder踩坑系列---无边框窗口拖动

904 阅读1分钟

简述

无边框的拖动本来很简单,只要对可以拖动的部分加上-webkit-app-region: drag;的样式即可。但是,当可拖动区域存在其他元素,如顶部菜单的搜索框,对mac是没有问题的,当在windows平台下拖动事件就会覆盖掉其他元素,因此需要对其他元素单独设置样式。

官方文档

<body style="-webkit-app-region: drag">
</body>
button {
  -webkit-app-region: no-drag;
}

实现

.menu {
  -webkit-app-region: drag;
}

.menu-button {
  -webkit-app-region: no-drag
}

原文链接

参考文档