Uniapp/lucky_shop
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

chore：输入框样式突出

Browse Source
This commit is contained in:
jing
2026-10-09 14:45:08 +08:00
parent 34c0df5320
commit 0a0ce88d82
1 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
pages_tool/ai-chat/ai-chat-message.vue
View File

@@ -5336,7 +5336,7 @@ _handleStreamError(msg) {
margin-bottom: 16rpx; margin-bottom: 16rpx;
padding: 12rpx 28rpx; padding: 12rpx 28rpx;
background: #ffffff; background: #ffffff;
border: 1rpx solid #e4e6eb; border: 1rpx solid #eef0f3;
border-radius: 999rpx; border-radius: 999rpx;
font-size: 26rpx; font-size: 26rpx;
color: #1a1a1a; color: #1a1a1a;
@@ -5344,7 +5344,7 @@ _handleStreamError(msg) {
transition: all 0.2s ease; transition: all 0.2s ease;
max-width: 100%; max-width: 100%;
line-height: 1.4; line-height: 1.4;
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08); box-shadow: 0 6rpx 20rpx rgba(0, 0, 0, 0.14);
&:last-child { &:last-child {
margin-bottom: 0; margin-bottom: 0;
@@ -5826,7 +5826,8 @@ _handleStreamError(msg) {
border-radius: 999rpx; border-radius: 999rpx;
padding: 18rpx 14rpx 18rpx 32rpx; padding: 18rpx 14rpx 18rpx 32rpx;
min-height: 108rpx; min-height: 108rpx;
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.06); /* 与快捷问题按钮(.quick-question-chip)同款阴影, 白底更突出 */
box-shadow: 0 6rpx 20rpx rgba(0, 0, 0, 0.14);
/* 无文字时左侧语音图标,点击打开语音面板 /* 无文字时左侧语音图标,点击打开语音面板
PR-INPUT-LAYOUT-SYMMETRY (2026-09-28): 容器从 52rpx 扩大到 76rpx, PR-INPUT-LAYOUT-SYMMETRY (2026-09-28): 容器从 52rpx 扩大到 76rpx,
@@ -5965,7 +5966,8 @@ _handleStreamError(msg) {
background: #ffffff; background: #ffffff;
border-radius: 28rpx; border-radius: 28rpx;
padding: 14rpx 16rpx 6rpx; padding: 14rpx 16rpx 6rpx;
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.06); /* 与快捷问题按钮(.quick-question-chip)同款阴影 */
box-shadow: 0 6rpx 20rpx rgba(0, 0, 0, 0.14);
} }
&.is-voice-mode .input-row-top, &.is-voice-mode .input-row-top,
@@ -5978,20 +5980,21 @@ _handleStreamError(msg) {
} }
} }
/* 语音模式: 按住说话 */ /* 语音模式: 按住说话 (白底 + 快捷问题同款阴影, 与输入胶囊风格统一) */
.voice-hold-btn { .voice-hold-btn {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height: 96rpx; height: 96rpx;
margin: 4rpx 0 8rpx; margin: 4rpx 0 8rpx;
border-radius: 16rpx; border-radius: 28rpx;
background: #f2f2f3; background: #ffffff;
box-shadow: 0 6rpx 20rpx rgba(0, 0, 0, 0.14);
position: relative; // PR-FRONTEND-VOICE-INPUT: 让 .voice-cancel-hint 锚定到这里 position: relative; // PR-FRONTEND-VOICE-INPUT: 让 .voice-cancel-hint 锚定到这里
transition: background-color 0.15s ease-out; transition: background-color 0.15s ease-out;
&.is-holding { &.is-holding {
background: #e2e2e4; background: #f2f2f3;
} }
// PR-FRONTEND-VOICE-INPUT (2026-09-24): 上滑到 80px+ 视为取消手势 // PR-FRONTEND-VOICE-INPUT (2026-09-24): 上滑到 80px+ 视为取消手势