diff --git a/packages/frontend/src/components/VirtualKeyboard.vue b/packages/frontend/src/components/VirtualKeyboard.vue index 478ccc4..6b1fdcf 100644 --- a/packages/frontend/src/components/VirtualKeyboard.vue +++ b/packages/frontend/src/components/VirtualKeyboard.vue @@ -82,7 +82,14 @@ const keys: KeyDefinition[] = [ { label: 'End', sequence: '\x1b[4~', type: 'navigation' }, // +++ End +++ { label: 'PgUp', sequence: '\x1b[5~', type: 'navigation' }, // +++ PageUp +++ { label: 'PgDn', sequence: '\x1b[6~', type: 'navigation' }, // +++ PageDown +++ - // Row 3: Alphabet Keys (A-Z) + // Row 3: Function Keys (F1-F12) + { label: 'F1', sequence: '\x1b[11~', type: 'special' }, { label: 'F2', sequence: '\x1b[12~', type: 'special' }, + { label: 'F3', sequence: '\x1b[13~', type: 'special' }, { label: 'F4', sequence: '\x1b[14~', type: 'special' }, + { label: 'F5', sequence: '\x1b[15~', type: 'special' }, { label: 'F6', sequence: '\x1b[17~', type: 'special' }, + { label: 'F7', sequence: '\x1b[18~', type: 'special' }, { label: 'F8', sequence: '\x1b[19~', type: 'special' }, + { label: 'F9', sequence: '\x1b[20~', type: 'special' }, { label: 'F10', sequence: '\x1b[21~', type: 'special' }, + { label: 'F11', sequence: '\x1b[23~', type: 'special' }, { label: 'F12', sequence: '\x1b[24~', type: 'special' }, + // Row 4: Alphabet Keys (A-Z) { label: 'A', type: 'char' }, { label: 'B', type: 'char' }, { label: 'C', type: 'char' }, { label: 'D', type: 'char' }, { label: 'E', type: 'char' }, { label: 'F', type: 'char' }, { label: 'G', type: 'char' }, { label: 'H', type: 'char' }, { label: 'I', type: 'char' }, @@ -133,4 +140,4 @@ button[title="Ctrl"], button[title="Alt"] { font-weight: bold; } */ - \ No newline at end of file + diff --git a/packages/frontend/src/views/WorkspaceView.vue b/packages/frontend/src/views/WorkspaceView.vue index 070016d..4f9d3ce 100644 --- a/packages/frontend/src/views/WorkspaceView.vue +++ b/packages/frontend/src/views/WorkspaceView.vue @@ -740,6 +740,8 @@ const toggleVirtualKeyboard = () => { .mobile-virtual-keyboard { flex-shrink: 0; /* 防止虚拟键盘缩小 */ + width: 100%; /* 确保宽度为 100% */ + box-sizing: border-box; /* 边框和内边距包含在宽度内 */ /* 可以添加更多样式,例如背景色、边框等 */ }