ai对话

urbanLifelineWeb/packages/workcase_wechat/pages/index/index.scss

@@ -308,6 +308,10 @@
     background: #FFFFFF;
     border: 1px solid #E5E5E5;
     border-radius: 12px;
+    min-height: 40px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
 }
 
 .user-bubble .message-text {
@@ -460,3 +464,43 @@
     font-size: 18px;
     color: #4b87ff;
 }
+
+// 打字指示器动画
+.typing-indicator {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 4px;
+    padding: 8px 4px;
+}
+
+.typing-dot {
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    background-color: #999;
+    animation: typing-bounce 1.4s infinite ease-in-out both;
+}
+
+.typing-dot:nth-child(1) {
+    animation-delay: -0.32s;
+}
+
+.typing-dot:nth-child(2) {
+    animation-delay: -0.16s;
+}
+
+.typing-dot:nth-child(3) {
+    animation-delay: 0s;
+}
+
+@keyframes typing-bounce {
+    0%, 80%, 100% {
+        transform: scale(0.6);
+        opacity: 0.5;
+    }
+    40% {
+        transform: scale(1);
+        opacity: 1;
+    }
+}