聊天框上方保留机器人

pages/deepMate/deepMate.vue

@@ -77,6 +77,13 @@
       </view> -->
 
       <!-- 聊天区域 -->
+       <view class="robot-container" v-if="messages.length > 0">
+        <image src="https://d31zlh4on95l9h.cloudfront.net/images/61fa384381c88ad80be28f41827fe0e5.svg" class="robot-avatar"></image>
+        <view class="welcome-message">
+          <text class="greeting">Hi, 我是您的股市随身顾问~</text>
+          <text class="description">个股诊断、市场情绪解读，都可以找我。</text>
+        </view>
+      </view>
       <view class="chat-container" v-if="messages.length > 0">
         <view class="message-list" id="messageList">
           <view
@@ -816,7 +823,7 @@ const scrollToTop = () => {
   /* background-size: 100% 100%; */
   inset: 0; /* 顶部、底部、左、右都贴合容器 */
   width: 100%;
-  height: 88%;
+  height: 81%;
   border-radius: 15rpx;
   z-index: 1; /* 在灰底之上、内容之下 */
 }