Selaa lähdekoodia

feat(main): 调整窗口尺寸为移动设备尺寸并优化菜单

- 将窗口尺寸调整为类似手机尺寸并设置缩放比例
- 移除默认菜单以提供更简洁的界面
huoyi 4 kuukautta sitten
vanhempi
commit
c13062cd90
1 muutettua tiedostoa jossa 34 lisäystä ja 30 poistoa
  1. 34 30
      electron/main.js

+ 34 - 30
electron/main.js

@@ -8,10 +8,12 @@ let mainWindow
8 8
 function createWindow() {
9 9
   // 创建浏览器窗口
10 10
   mainWindow = new BrowserWindow({
11
-    width: 600,
12
-    height: 800,
13
-    minWidth: 100,
14
-    minHeight: 300,
11
+    width: 375, // 手机宽度(类似iPhone 12/13)
12
+    height: 667, // 手机高度
13
+    minWidth: 320, // 最小宽度(类似小屏手机)
14
+    minHeight: 480, // 最小高度
15
+    maxWidth: 414, // 最大宽度(类似大屏手机)
16
+    maxHeight: 896, // 最大高度
15 17
     webPreferences: {
16 18
       nodeIntegration: false,
17 19
       contextIsolation: true,
@@ -108,6 +110,8 @@ function createWindow() {
108 110
   // 窗口准备好后显示
109 111
   mainWindow.once('ready-to-show', () => {
110 112
     mainWindow.show()
113
+    // 设置页面缩放以适应手机尺寸
114
+    mainWindow.webContents.setZoomFactor(0.85) // 85%缩放,让内容更紧凑
111 115
   })
112 116
 
113 117
   // 窗口关闭时触发
@@ -117,32 +121,32 @@ function createWindow() {
117 121
 
118 122
   // 设置菜单(可选)
119 123
   const template = [
120
-    {
121
-      label: '文件',
122
-      submenu: [
123
-        {
124
-          label: '退出',
125
-          accelerator: process.platform === 'darwin' ? 'Cmd+Q' : 'Ctrl+Q',
126
-          click() {
127
-            app.quit()
128
-          }
129
-        }
130
-      ]
131
-    },
132
-    {
133
-      label: '视图',
134
-      submenu: [
135
-        { role: 'reload', label: '重新加载' },
136
-        { role: 'forceReload', label: '强制重新加载' },
137
-        { role: 'toggleDevTools', label: '开发者工具' },
138
-        { type: 'separator' },
139
-        { role: 'resetZoom', label: '实际大小' },
140
-        { role: 'zoomIn', label: '放大' },
141
-        { role: 'zoomOut', label: '缩小' },
142
-        { type: 'separator' },
143
-        { role: 'togglefullscreen', label: '切换全屏' }
144
-      ]
145
-    }
124
+    // {
125
+    //   label: '文件',
126
+    //   submenu: [
127
+    //     {
128
+    //       label: '退出',
129
+    //       accelerator: process.platform === 'darwin' ? 'Cmd+Q' : 'Ctrl+Q',
130
+    //       click() {
131
+    //         app.quit()
132
+    //       }
133
+    //     }
134
+    //   ]
135
+    // },
136
+    // {
137
+    //   label: '视图',
138
+    //   submenu: [
139
+    //     { role: 'reload', label: '重新加载' },
140
+    //     { role: 'forceReload', label: '强制重新加载' },
141
+    //     { role: 'toggleDevTools', label: '开发者工具' },
142
+    //     { type: 'separator' },
143
+    //     { role: 'resetZoom', label: '实际大小' },
144
+    //     { role: 'zoomIn', label: '放大' },
145
+    //     { role: 'zoomOut', label: '缩小' },
146
+    //     { type: 'separator' },
147
+    //     { role: 'togglefullscreen', label: '切换全屏' }
148
+    //   ]
149
+    // }
146 150
   ]
147 151
 
148 152
   const menu = Menu.buildFromTemplate(template)