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 @@ {{ voiceHoldCancelling ? $lang('ai-chat.index.slideUpToCancelHint') : $lang('ai-chat.index.slideUpToCancel') }} - + + @@ -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;