electron 3 可拖拽区域的设置

何为可拖拽区域

像状态栏这种双击可以放大还原窗口, 单击不放可以移动窗口的, 都是可拖拽区域
electron 3 可拖拽区域的设置

可拖拽区域的设置

在要设置的元素的CSS中添加-webkit-app-region: drag;即可.

但元素及子元素都会失去click的效果, 这时子元素的CSS中添加 -webkit-app-region: no-drag;即可.

简单来说就是像下列的这种元素就得添加 -webkit-app-region: no-drag;这个样式.

electron 3 可拖拽区域的设置