From 8a6a06ba0184969459a244aaac8df06b1758b2bf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=8B=E6=9D=B0?= <better_sj@126.com>
Date: Fri, 26 Sep 2025 11:38:21 +0800
Subject: [PATCH] =?UTF-8?q?=E6=89=8B=E6=9C=BA=E7=AB=AF=E7=9A=84=E4=B8=8B?=
 =?UTF-8?q?=E6=96=B9=E6=A8=A1=E5=9E=8B=E9=80=89=E6=8B=A9=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?el-select=E7=BB=84=E4=BB=B6=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/homePage.vue | 91 ++++++++++++++++++++++++++++++++++++--------------
 1 file changed, 66 insertions(+), 25 deletions(-)

diff --git a/src/views/homePage.vue b/src/views/homePage.vue
index 2fdac7c..a260236 100644
--- a/src/views/homePage.vue
+++ b/src/views/homePage.vue
@@ -95,6 +95,24 @@ const activeIndex = ref(
   parseInt(sessionStorage.getItem("activeIndexAI") || "0")
 );
 
+// 手机端选择器的值，与activeTab保持同步
+const activeTabMobile = ref(activeTab.value);
+
+// 监听activeTab变化，同步到activeTabMobile
+watch(activeTab, (newVal) => {
+  activeTabMobile.value = newVal;
+});
+
+// 手机端选择器变化处理
+const handleMobileTabChange = (value) => {
+  const tabIndexMap = {
+    "AIchat": 0,
+    "AiEmotion": 1,
+    "deepNine": 2
+  };
+  setActiveTab(value, tabIndexMap[value]);
+};
+
 const tabs = computed(() => [
   {
     name: "AIchat",
@@ -1480,31 +1498,43 @@ onUnmounted(() => {
             <!-- <img v-if="isThinking" :src="thinkActive" @click="toggleThink" class="action-btn" />
             <img v-else :src="thinkNoActive" @click="toggleThink" class="action-btn" />
             <img :src="languageBtn" @click="changeLanguage" class="action-btn" /> -->
-            <!-- 夺宝奇兵大模型按钮 -->
-            <img
-              :src="activeTab === 'AIchat' ? dbqbButton01 : dbqbButton02"
-              @click="setActiveTab('AIchat', 0)"
-              class="action-btn model-btn"
-              alt="夺宝奇兵大模型"
-            />
-            <!-- AI情绪大模型按钮 -->
-            <img
-              :src="
-                activeTab === 'AiEmotion' ? emotionButton01 : emotionButton02
-              "
-              @click="setActiveTab('AiEmotion', 1)"
-              class="action-btn model-btn"
-              alt="AI情绪大模型"
-            />
-            <!-- 深度九大模型按钮 -->
-            <img
-              :src="
-                activeTab === 'deepNine' ? emotionButton01 : emotionButton02
-              "
-              @click="setActiveTab('deepNine', 2)"
-              class="action-btn model-btn"
-              alt="深度九大模型"
-            />
+            <!-- PC端按钮 -->
+            <template v-if="!isMobile">
+              <!-- 夺宝奇兵大模型按钮 -->
+              <img
+                :src="activeTab === 'AIchat' ? dbqbButton01 : dbqbButton02"
+                @click="setActiveTab('AIchat', 0)"
+                class="action-btn model-btn"
+                alt="夺宝奇兵大模型"
+              />
+              <!-- AI情绪大模型按钮 -->
+              <img
+                :src="
+                  activeTab === 'AiEmotion' ? emotionButton01 : emotionButton02
+                "
+                @click="setActiveTab('AiEmotion', 1)"
+                class="action-btn model-btn"
+                alt="AI情绪大模型"
+              />
+              <!-- 深度九大模型按钮 -->
+              <img
+                :src="
+                  activeTab === 'deepNine' ? emotionButton01 : emotionButton02
+                "
+                @click="setActiveTab('deepNine', 2)"
+                class="action-btn model-btn"
+                alt="深度九大模型"
+              />
+            </template>
+            
+            <!-- 手机端下拉选择 -->
+            <template v-else>
+              <el-select v-model="activeTabMobile" class="mobile-model-select" @change="handleMobileTabChange">
+                <el-option label="夺宝奇兵大模型" value="AIchat" />
+                <el-option label="AI情绪大模型" value="AiEmotion" />
+                <el-option label="深度九大模型" value="deepNine" />
+              </el-select>
+            </template>
             <!-- <img v-if="
               getCurrentAudioStore().isVoiceEnabled &&
               getCurrentAudioStore().isPlaying
@@ -2319,6 +2349,17 @@ body {
   transform: scale(1.1);
 }
 
+/* 手机端模型选择器样式 */
+.mobile-model-select {
+  width: 180px;
+  --el-select-border-color-hover: var(--el-border-color-hover);
+  --el-select-disabled-border: var(--el-disabled-border-color);
+  --el-select-font-size: var(--el-font-size-base);
+  --el-select-close-hover-color: var(--el-text-color-secondary);
+  --el-select-input-focus-border-color: var(--el-color-primary);
+  --el-select-input-font-size: 14px;
+}
+
 .send-btn {
   margin-left: 10px;
   height: 33px !important;