增加欢迎小机器人

pages/deepMate/deepMate.vue

@@ -57,10 +57,10 @@
 
           <!-- 功能标签栏 -->
           <!-- <view class="function-tabs" v-if="messages.length === 0">
-        <view ref="tabsTrack" class="tabs-track" :style="{ transform: 'translate3d(-' + marqueeOffset + 'px,0,0)' }">
-          <view class="tab-item" v-for="(tab, idx) in marqueeList" :key="idx">{{ tab }}</view>
-        </view>
-      </view> -->
+         <view ref="tabsTrack" class="tabs-track" :style="{ transform: 'translate3d(-' + marqueeOffset + 'px,0,0)' }">
+           <view class="tab-item" v-for="(tab, idx) in marqueeList" :key="idx">{{ tab }}</view>
+         </view>
+         </view> -->
 
           <!-- 特斯拉推荐卡片 -->
           <view class="recommend-card" v-if="messages.length === 0" @click="goBlank">
@@ -81,8 +81,10 @@
               ></image>
             </view>
           </view>
+
         </view>
       </view>
+    
       <!-- 可能感兴趣的话题 -->
       <!-- <view v-if="messages.length === 0" class="interest-section">
         <text class="section-title">- 您可能感兴趣 -</text>
@@ -95,6 +97,8 @@
           </view>
         </view>
       </view> -->
+       <view v-if="messages.length === 0" class="welcome-section">
+     </view>
 
       <!-- 聊天区域 -->
       <!-- 顶部粘性欢迎块：始终保留在聊天上方 -->
@@ -913,6 +917,19 @@ const onBackTopClick = () => {
   /* box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05); */
 }
 
+.welcome-section{
+  /* 灰色卡片（recommend-card）之后展示背景图 */
+  margin-top: 10rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: url('https://d31zlh4on95l9h.cloudfront.net/images/eca84d9fb54712cb3bc6c6174773b83b.svg');
+  background-repeat: no-repeat;
+  background-position: center top; /* 放在容器顶部，正好在灰色卡片下方 */
+  background-size: 80% auto; /* 缩放以适配宽度 */
+  height: 460rpx; /* 提供可视高度，让背景图可见 */
+}
+
 .card-content {
   display: flex;
   align-items: center;