优化缩放倍率

main.js

@@ -242,6 +242,12 @@ app.on('ready', () => {
                 }
             }
         });
+        // 获取桌面大小
+        ipcMain.handle('getWindowSize', (event, config) => {
+            const primaryDisplay = screen.getPrimaryDisplay()
+            const { width, height } = primaryDisplay.workAreaSize
+            return { width, height }
+        });
         // 设置桌面应用基础属性
         ipcMain.handle('setMainWindowSize', (event, config) => {
             // 设置最小窗口尺寸

preload.js

@@ -5,6 +5,10 @@ window.electron = {
     setMainWindowSize: (config) => {
         ipcRenderer.invoke('setMainWindowSize', { ...config })
     },
+    // 获取窗口大小
+    getWindowSize: (config) => {
+        return ipcRenderer.invoke('getWindowSize')
+    },
     // 设置窗口状态
     setViewStatus: (status) => {
         ipcRenderer.invoke('setViewStatus', status)

src/App.tsx

@@ -197,6 +197,7 @@ const App: React.FC = () => {
         })
     }
     const toSrc = (path: string): void => {
+        window.electron.getWindowSize().then((res: any) => {
             switch (path) {
                 case '/login':
                     storage.removeItem('user')
@@ -205,13 +206,13 @@ const App: React.FC = () => {
                     break;
                 case '/home':
                     window.electron.setMainWindowSize({
-                    width: 1200,
+                        width: Math.ceil(res.width / 1.5),
-                    height: 800,
+                        height: Math.ceil(res.height / 1.3),
                     })
                     navigate('/home')
                     break;
-
             }
+        })
     };
     const leaveChannel = async (bool?: boolean): Promise<void> => {
         if (location.hash.indexOf('/meeting') === 1) {

src/page/Login/index.tsx

@@ -142,9 +142,11 @@ const Login: React.FC = () => {
         storage.setItem('user', JSON.stringify(res.data))
         storage.setItem('userLogin', true)
         try {
+          window.electron.getWindowSize().then((res: any) => {
             window.electron.setMainWindowSize({
-            width: 1200,
+              width: Math.ceil(res.width / 1.5),
-            height: 800,
+              height: Math.ceil(res.height / 1.3),
+            })
           })
         } catch {
 

src/render.d.ts

@@ -1,6 +1,7 @@
 // electron-env.d.ts
 export interface IElectronAPI {
     setMainWindowSize: (config: any) => void;
+    getWindowSize: () => any;
     setViewStatus: (status: 'quit' | 'maximize' | 'minimize' | 'unmaximize' | 'hide') => void;
     getIsMaximized: () => Promise<boolean>;
     setWriteText: (text: string) => void;