From 34cbdf2f02d705fd24e4a457b3e8760f43ce590d Mon Sep 17 00:00:00 2001
From: wangyetao <2898314561@qq.com>
Date: Mon, 27 Oct 2025 13:55:40 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=AC=A2=E8=BF=8E=E5=B0=8F?=
 =?UTF-8?q?=E6=9C=BA=E5=99=A8=E4=BA=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/deepMate/deepMate.vue | 25 +++++++++++++++++++++----
 1 file changed, 21 insertions(+), 4 deletions(-)

diff --git a/pages/deepMate/deepMate.vue b/pages/deepMate/deepMate.vue
index 3a54ad6..af454df 100644
--- a/pages/deepMate/deepMate.vue
+++ b/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;