diff --git a/msh_single_uniapp/pages/tool/ai-nutritionist.vue b/msh_single_uniapp/pages/tool/ai-nutritionist.vue index 8a0f549..d3319b6 100644 --- a/msh_single_uniapp/pages/tool/ai-nutritionist.vue +++ b/msh_single_uniapp/pages/tool/ai-nutritionist.vue @@ -88,19 +88,19 @@ > - 📋 + - 🔄 + - - {{ ttsPlayingIndex === index ? '⏹' : '▶' }} + + - 🗑️ + @@ -1137,8 +1137,8 @@ export default { /* 消息操作按钮组 */ .msg-actions { display: flex; - gap: 16rpx; - margin-top: 8rpx; + gap: 20rpx; + margin-top: 12rpx; align-items: center; } @@ -1146,19 +1146,29 @@ export default { display: inline-flex; align-items: center; justify-content: center; - width: 48rpx; - height: 48rpx; - background: rgba(76, 175, 80, 0.12); - border-radius: 50%; + width: 52rpx; + height: 52rpx; + background: rgba(0, 0, 0, 0.04); + border-radius: 12rpx; cursor: pointer; + transition: background 0.2s; } .action-btn:active { - transform: scale(0.9); + transform: scale(0.92); + background: rgba(0, 0, 0, 0.08); +} + +.action-btn-active { + background: rgba(76, 175, 80, 0.15); } .action-icon { - font-size: 24rpx; + font-size: 28rpx; + color: #666; +} + +.action-btn-active .action-icon { color: #4caf50; }