From d3d5ebc66b997294fb9a67921e7f3b10a5d5fd95 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?= Date: Thu, 16 Oct 2025 12:29:14 +0800 Subject: [PATCH] =?UTF-8?q?fix(index.page):=20=E4=BF=AE=E5=A4=8D=E6=B6=88?= =?UTF-8?q?=E6=81=AF=E8=BE=93=E5=85=A5=E6=A1=86=E5=AE=BD=E5=BA=A6=E9=97=AE?= =?UTF-8?q?=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 为消息输入框添加 `w-full` 类，确保其在父容器中正确占满宽度。 --- src/pages/index.page.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/index.page.vue b/src/pages/index.page.vue index d508e09..8feceb1 100644 --- a/src/pages/index.page.vue +++ b/src/pages/index.page.vue @@ -418,7 +418,7 @@ onUnmounted(() => { placeholder="输入要发送的消息..." :disabled="!wsConnected" :aria-describedby="!wsConnected ? 'ws-status' : undefined" - class="flex-1 border-2 rounded-xl px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 disabled:text-gray-500 transition-all duration-300 border-gray-200 dark:border-gray-600 bg-white/60 dark:bg-gray-700/60 backdrop-blur-sm text-gray-800 dark:text-gray-100 disabled:bg-gray-100/60 dark:disabled:bg-gray-800/60 hover:border-gray-300 dark:hover:border-gray-500" + class="flex-1 w-full border-2 rounded-xl px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 disabled:text-gray-500 transition-all duration-300 border-gray-200 dark:border-gray-600 bg-white/60 dark:bg-gray-700/60 backdrop-blur-sm text-gray-800 dark:text-gray-100 disabled:bg-gray-100/60 dark:disabled:bg-gray-800/60 hover:border-gray-300 dark:hover:border-gray-500" />