From 4cd21ade51c9a98a51aab71215ee7c3c9777df1f Mon Sep 17 00:00:00 2001
From: ZF sun <34314687@qq.com>
Date: Mon, 28 Sep 2026 10:16:09 +0800
Subject: [PATCH] =?UTF-8?q?fix(ai-chat):=20=E4=BF=AE=E5=A4=8D=20v-if/v-els?=
 =?UTF-8?q?e=20=E9=85=8D=E5=AF=B9=E9=97=AE=E9=A2=98=EF=BC=8C=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E8=BE=93=E5=85=A5=E6=A1=86=E5=92=8C=E8=AF=AD=E9=9F=B3?=
 =?UTF-8?q?=E5=9B=BE=E6=A0=87=E5=B8=83=E5=B1=80=E5=AF=B9=E7=A7=B0=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages_tool/ai-chat/ai-chat-message.vue | 41 +++++++++++++++++---------
 1 file changed, 27 insertions(+), 14 deletions(-)

diff --git a/pages_tool/ai-chat/ai-chat-message.vue b/pages_tool/ai-chat/ai-chat-message.vue
index ca53002..4bfc296 100644
--- a/pages_tool/ai-chat/ai-chat-message.vue
+++ b/pages_tool/ai-chat/ai-chat-message.vue
@@ -453,7 +453,11 @@
         <!-- 按住时的「上滑取消」提示 (H5/MP 共用) -->
         <view v-if="voiceHolding" class="voice-cancel-hint">{{ voiceHoldCancelling ? $lang('ai-chat.index.slideUpToCancelHint') : $lang('ai-chat.index.slideUpToCancel') }}</view>
 
-        <view v-else class="input-row-top">
+        <!-- PR-FIX-V-IF-ELSE-ADJACENT (2026-09-28): 原 v-else 配对被上方 voice-cancel-hint 打断,
+             Vue 2 要求 v-if/v-else 紧邻, 否则 v-else 会错配到上一个 v-if (voiceHolding),
+             导致 voiceMode=true 时 input-row-top 也被显示.
+             改成显式 v-if="!voiceMode", 避免依赖 v-else 的隐式配对 -->
+        <view v-if="!voiceMode" class="input-row-top">
           <!-- 默认态左侧: 点击进入语音(按住说话)模式 -->
           <!-- PR-FRONTEND-H5-INPUT-FOCUS (2026-09-17): 兄弟节点加 key, 防止 H5 下 Vue 无 key 复用
                同标签 view 导致 textarea 被销毁重建、聚焦即失焦(塌回胶囊无法输入) -->
@@ -4875,19 +4879,21 @@ _handleStreamError(msg) {
       min-height: 108rpx;
       box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.06);
 
-      /* 无文字时左侧语音图标,点击打开语音面板 */
+      /* 无文字时左侧语音图标,点击打开语音面板
+         PR-INPUT-LAYOUT-SYMMETRY (2026-09-28): 容器从 52rpx 扩大到 76rpx,
+         与右侧 + (76rpx) 对称;内部 SVG 同步从 36rpx → 48rpx, 视觉权重平衡 */
       .input-row-icon {
         flex-shrink: 0;
-        width: 52rpx;
-        height: 52rpx;
+        width: 76rpx;
+        height: 76rpx;
         display: flex;
         align-items: center;
         justify-content: center;
-        margin-right: 12rpx;
+        margin-right: 4rpx;
 
         .voice-icon-bg {
-          width: 36rpx;
-          height: 36rpx;
+          width: 48rpx;
+          height: 48rpx;
         }
       }
 
@@ -4981,10 +4987,12 @@ _handleStreamError(msg) {
        ② 语音模式 .is-voice-mode: 「按住说话」+ 工具栏行(表情/模型/加号)
        ③ 文字输入 .is-text-mode: 输入框一行 + 工具栏行(语音/模型/加号/发送) */
 
-    /* 语音图标 / 键盘图标 (base64 SVG: 小程序不支持内联 SVG) */
+    /* 语音图标 / 键盘图标 (base64 SVG: 小程序不支持内联 SVG)
+       PR-INPUT-LAYOUT-SYMMETRY (2026-09-28): 容器 64→76 后, 内部 SVG 40→48 同比放大,
+       保持图标与按钮的视觉比例 (48/76 ≈ 0.63, 与原 36/52 ≈ 0.69 接近) */
     .voice-icon-bg {
-      width: 40rpx;
-      height: 40rpx;
+      width: 48rpx;
+      height: 48rpx;
       background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMWYxZjFmIiBzdHJva2Utd2lkdGg9IjIuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTAgMTIgaDYgbDYgLTQgdjE2IGwtNiAtNCBoLTYgYTIgMiAwIDAgMSAtMiAtMiB2LTQgYTIgMiAwIDAgMSAyIC0yIHoiLz48cGF0aCBkPSJNMjQgMTAgYzIgMyAyIDkgMCAxMiIvPjwvc3ZnPg==");
       background-repeat: no-repeat;
       background-position: center;
@@ -4993,8 +5001,8 @@ _handleStreamError(msg) {
 
     /* 键盘图标: 语音模式下点击切回文字输入 */
     .emoji-icon-bg {
-      width: 40rpx;
-      height: 40rpx;
+      width: 48rpx;
+      height: 48rpx;
       background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMWYxZjFmIiBzdHJva2Utd2lkdGg9IjIuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSIzLjUiIHk9IjkiIHdpZHRoPSIyNSIgaGVpZ2h0PSIxNSIgcng9IjIuNSIvPjxwYXRoIGQ9Ik04IDE0aC4wMU0xMi41IDE0aC4wMU0xNyAxNGguMDFNMjEuNSAxNGguMDFNOCAxOC41aC4wMU0xMiAxOC41aC4wMU0xNiAxOC41aC4wMU0yMCAxOC41aC4wMU0yNCAxOC41aC4wMU0xMCAyMi41aDEyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xKSIvPjwvc3ZnPg==");
       background-repeat: no-repeat;
       background-position: center;
@@ -5074,10 +5082,12 @@ _handleStreamError(msg) {
       min-height: 76rpx;
       padding: 0 2rpx 4rpx;
 
+      /* PR-INPUT-LAYOUT-SYMMETRY (2026-09-28): 工具栏内语音/键盘按钮 64→76,
+         与右侧 +/➤ 同圆心同直径, 三者在同一基线视觉对齐 */
       .toolbar-round-btn {
         flex-shrink: 0;
-        width: 64rpx;
-        height: 64rpx;
+        width: 76rpx;
+        height: 76rpx;
         display: flex;
         align-items: center;
         justify-content: center;
@@ -5166,6 +5176,9 @@ _handleStreamError(msg) {
       align-items: center;
       justify-content: center;
       padding: 0;
+      /* PR-INPUT-LAYOUT-SYMMETRY (2026-09-28): + 与 ➤ 都是 76rpx 圆形,
+         加 8rpx 左边距,避免两个等大圆紧贴 (微信/抖音基础库不保证 flex gap) */
+      margin-left: 8rpx;
 
       .send-plane-text {
         color: #ffffff;