electron 自定义窗口 实现拖拽

<template>
  <div id="title"></div>
  <div id="title-box"></div>
  <RouterView></RouterView>
</template>

<script setup>
import { RouterView } from 'vue-router';
</script>
<style scoped>
#title {
  width: 100%;
  height: 30px;
  /* 支持拖动窗口 */
  -webkit-app-region: drag;
  gap: 10px;
  position: fixed;
  z-index: 99999;
  background-color: #fff;
}
/* 占位符 */
#title-box {
  height: 30px;
}
</style>

主线程
main.js

{
  titleBarStyle: 'hidden',
  titleBarOverlay: {
    height: 30,
    color: '#fff',
    symbolColor: '#000'
  }
}