From a93b73a2ba9f56310b8310e85cee4dd7d38fb77d Mon Sep 17 00:00:00 2001
From: no99 <17663930442@163.com>
Date: Wed, 25 Jun 2025 11:09:54 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BE=93=E5=85=A5=E6=A1=86placeholder=E7=A6=81?=
 =?UTF-8?q?=E6=AD=A2=E6=8D=A2=E8=A1=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/homePage.vue | 68 ++++++++++++++++++++++++++++++++++++++++----------
 1 file changed, 55 insertions(+), 13 deletions(-)

diff --git a/src/views/homePage.vue b/src/views/homePage.vue
index c413ac8..47c9944 100644
--- a/src/views/homePage.vue
+++ b/src/views/homePage.vue
@@ -32,7 +32,7 @@ import msgBtn from "../assets/img/homePage/tail/msg.png";
 import feedbackBtn from "../assets/img/Feedback/feedbackBtn.png";
 import AiEmotion from "./AiEmotion.vue";
 
-import VConsole from 'vconsole';
+import VConsole from "vconsole";
 
 const vConsole = new VConsole();
 
@@ -48,7 +48,7 @@ const emotionAudioStore = useEmotionAudioStore();
 const audioStore = useAudioStore();
 // 根据当前页面类型获取对应的音频store
 const getCurrentAudioStore = () => {
-  return activeTab.value === 'AiEmotion' ? emotionAudioStore : audioStore;
+  return activeTab.value === "AiEmotion" ? emotionAudioStore : audioStore;
 };
 
 const isVoice = computed(() => {
@@ -58,7 +58,7 @@ const isVoice = computed(() => {
 
 const toggleVoice = () => {
   const currentStore = getCurrentAudioStore();
-  
+
   if (!currentStore.isVoiceEnabled) {
     // 如果语音功能关闭，先开启语音功能
     currentStore.toggleVoice();
@@ -168,13 +168,13 @@ const sendMessage = async () => {
     ElMessage.error("请先登录");
     return;
   }
-  
+
   // 检查输入内容是否为空
   if (!message.value || !message.value.trim()) {
     ElMessage.warning("输入内容不能为空");
     return;
   }
-  
+
   isScrolling.value = false;
 
   // 判断当前是否为 AiEmotion 组件
@@ -616,20 +616,56 @@ onMounted(async () => {
               alt="夺宝奇兵大模型"
             />
             <!-- AI情绪大模型按钮 -->
-            <img :src="activeTab === 'AiEmotion' ? emotionButton01 : emotionButton02
-              " @click="setActiveTab('AiEmotion', 1)" class="action-btn model-btn" alt="AI情绪大模型" />
-            <img v-if="getCurrentAudioStore().isVoiceEnabled && !getCurrentAudioStore().isPlaying" :src="voice" @click="toggleVoice" class="action-btn" />
-            <img v-else-if="getCurrentAudioStore().isVoiceEnabled && getCurrentAudioStore().isPlaying" :src="voice" @click="toggleVoice" class="action-btn" style="opacity: 0.7; animation: pulse 1.5s infinite;" />
-            <img v-else :src="voiceNoActive" @click="toggleVoice" class="action-btn" />
+            <img
+              :src="
+                activeTab === 'AiEmotion' ? emotionButton01 : emotionButton02
+              "
+              @click="setActiveTab('AiEmotion', 1)"
+              class="action-btn model-btn"
+              alt="AI情绪大模型"
+            />
+            <img
+              v-if="
+                getCurrentAudioStore().isVoiceEnabled &&
+                !getCurrentAudioStore().isPlaying
+              "
+              :src="voice"
+              @click="toggleVoice"
+              class="action-btn"
+            />
+            <img
+              v-else-if="
+                getCurrentAudioStore().isVoiceEnabled &&
+                getCurrentAudioStore().isPlaying
+              "
+              :src="voice"
+              @click="toggleVoice"
+              class="action-btn"
+              style="opacity: 0.7; animation: pulse 1.5s infinite"
+            />
+            <img
+              v-else
+              :src="voiceNoActive"
+              @click="toggleVoice"
+              class="action-btn"
+            />
           </div>
         </div>
 
         <!-- 第二行输入框 -->
         <div class="footer-second-line">
           <img :src="msgBtn" class="msg-icon" />
-          <el-input type="textarea" v-model="message" @focus="onFocus" @blur="onBlur"
-            :autosize="{ minRows: 1, maxRows: 4 }" placeholder="请输入股票名称或股票代码..." class="msg-input"
-            @keydown.enter.exact.prevent="isLoading ? null : sendMessage()" resize="none">
+          <el-input
+            type="textarea"
+            v-model="message"
+            @focus="onFocus"
+            @blur="onBlur"
+            :autosize="{ minRows: 1, maxRows: 4 }"
+            placeholder="请输入股票名称或股票代码..."
+            class="msg-input"
+            @keydown.enter.exact.prevent="isLoading ? null : sendMessage()"
+            resize="none"
+          >
           </el-input>
           <img
             v-if="!chatStore.isLoading"
@@ -1055,6 +1091,12 @@ body {
   max-height: 100px !important;
 }
 
+.msg-input:deep(.el-textarea__inner::placeholder) {
+  white-space: nowrap !important;
+  overflow: hidden !important;
+  text-overflow: ellipsis !important;
+}
+
 .msg-input {
   min-height: 34px;
   width: 100%;