main.js

@@ -17,6 +17,7 @@ const { autoUpdater, CancellationToken } = require('electron-updater');
 const cancellationToken = new CancellationToken()
 app.allowRendererProcessReuse = false;
 let mainWindow = null;
+let childWindow = []
 let isMaximized = false;
 let env;
 let regKey;
@@ -299,6 +300,31 @@ app.on('ready', () => {
                 })
             });
         });
+        // 创建子窗口
+        ipcMain.handle('createChildWindow', (event, config) => {
+            const child = new BrowserWindow({
+                parent: mainWindow,
+                webPreferences: {
+                    contextIsolation: false,
+                    nodeIntegration: true,
+                    enableRemoteModule: true,
+                    nodeIntegrationInWorker: true,
+                    allowMediaDevices: true,
+                    // preload: path.join(__dirname, 'preload.js')
+                },
+                // show: false,
+                // frame: false,
+                // backgroundColor: '#00000000',
+                // transparent: true,
+            })
+            child.loadURL(config.url)
+            childWindow.push(child)
+            child.once('ready-to-show', () => {
+                child.show()
+                console.log(config);
+                child.setSize(config.width, config.height)
+            })
+        });
     }
 });
 // 检测更新，在你想要检查更新的时候执行，renderer事件触发后的操作自行编写

preload.js

@@ -73,4 +73,8 @@ window.electron = {
     setRegistry: (uuid) => {
         ipcRenderer.invoke('setRegistry', uuid)
     },
+    // 创建子窗口
+    createChildWindow: (config) => {
+        ipcRenderer.invoke('createChildWindow', config)
+    },
 }

src/page/ShareScreenWindow/index.module.scss

@@ -0,0 +1,5 @@
+.shareScreenWindow {
+  background-color: red;
+  color: red;
+  font-size: 30px;
+}

src/page/ShareScreenWindow/index.tsx

@@ -0,0 +1,19 @@
+import styles from '@/page/Meeting/ShareScreenWindow/index.module.scss'
+import { useEffect } from "react";
+const ShareScreenWindow: React.FC = () => {
+
+  useEffect(() => {
+
+  }, []);
+
+
+  return (
+    <>
+      <div className={styles.shareScreenWindow}>
+      2222
+      </div>
+    </>
+  )
+}
+
+export default ShareScreenWindow

src/render.d.ts

@@ -18,6 +18,7 @@ export interface IElectronAPI {
     getVersion: () => Promise<string>;
     setRegistry: (uuid: string) => any;
     getRegistry: () => any;
+    createChildWindow: (config: any) => void;
 }
 
 declare global {