图片导入

.env.development

@@ -2,7 +2,7 @@
 VITE_ENV = 'development'
 VITE_OUTPUT_DIR = 'dev'
 # public path
-VITE_PUBLIC_PATH = /AIxiaocaishen
+VITE_PUBLIC_PATH = /
 
 #新数据接口
 VITE_APP_API_BASE_URL = "http://39.101.133.168:8828/link"

src/views/AIchat.vue

@@ -12,6 +12,24 @@ import { htmlToText } from 'html-to-text';
 import { Howl, Howler } from 'howler';
 import KLine from './Echarts/KLine.vue';
 import * as echarts from 'echarts'
+
+import AIgif1 from '@/assets/img/AIchat/AIgif1.gif'
+import AIgif2 from '@/assets/img/AIchat/AIgif2.gif'
+import AIgif3 from '@/assets/img/AIchat/AIgif3.gif'
+import AIgif4 from '@/assets/img/AIchat/AIgif4.gif'
+import AIgif5 from '@/assets/img/AIchat/AIgif5.gif'
+import AIgif6 from '@/assets/img/AIchat/AIgif6.gif'
+import AIgif7 from '@/assets/img/AIchat/AIgif7.gif'
+const gifList = [
+  AIgif1,
+  AIgif2,
+  AIgif3,
+  AIgif4,
+  AIgif5,
+  AIgif6,
+  AIgif7 
+]
+
 const chatStore = useChatStore()
 const audioStore = useAudioStore()
 const dataStore = useDataStore()
@@ -455,7 +473,7 @@ watch(
 // 初始化随机GIF
 onMounted(() => {
   const random = Math.floor(Math.random() * 6) + 1;
-  currentGif.value = `src/assets/img/AIchat/AIgif${random}.gif`;
+  currentGif.value = gifList[random];
 
   getQuestionsList();
 });

src/views/homePage.vue

@@ -10,9 +10,25 @@ import { useDataStore } from '@/store/dataList.js'
 import { useChatStore } from '../store/chat'
 import { useAudioStore } from '../store/audio'
 import _ from "lodash";
+
+import logo from "../assets/img/homePage/logo.png";
+import madeInHL from "../assets/img/homePage/madeInHL.png";
+import getCountAll from "../assets/img/homePage/get-count-all.png";
+import announcementBtn from "../assets/img/homePage/announcement.png";
+import thinkActive from "../assets/img/homePage/tail/think-active.png";
+import thinkNoActive from "../assets/img/homePage/tail/think-no-active.png";
+import languageBtn from "../assets/img/homePage/tail/language.png";
+import voice from "../assets/img/homePage/tail/voice.png";
+import voiceNoActive from "../assets/img/homePage/tail/voice-no-active.png";
+import sendBtn from "../assets/img/homePage/tail/send.png";
+import msgBtn from "../assets/img/homePage/tail/msg.png";
+
+
 // import { useUserStore } from "../store/userPessionCode.js";
 const { getQueryVariable } = useDataStore()
 
+
+
 // 变量
 // 音频管理
 const audioStore = useAudioStore()
@@ -318,16 +334,16 @@ onMounted(async () => {
       <el-header class="homepage-head">
         <!-- logo -->
         <div class="homepage-logo">
-          <img src="src\assets\img\homePage\logo.png" alt="图片加载失败" class="logo1" />
-          <img src="src\assets\img\homePage\madeInHL.png" alt="图片加载失败" class="logo2" />
+          <img :src="logo" alt="图片加载失败" class="logo1" />
+          <img :src="madeInHL" alt="图片加载失败" class="logo2" />
         </div>
 
         <div class="homepage-right-group">
           <div class="count-badge" @click="showCount">
-            <img src="src\assets\img\homePage\get-count-all.png" class="action-btn" />
+            <img :src="getCountAll" class="action-btn" />
             <div class="count-number">{{ UserCount }}次</div>
           </div>
-          <img src="src\assets\img\homePage\announcement.png" class="announcement-btn action-btn"
+          <img :src="announcementBtn" class="announcement-btn action-btn"
             @click="showAnnouncement" />
         </div>
       </el-header>
@@ -353,16 +369,16 @@ onMounted(async () => {
         <!-- 第一行按钮 -->
         <div class="footer-first-line">
           <div class="left-group">
-            <img v-if="isThinking" src="src\assets\img\homePage\tail\think-active.png" @click="toggleThink"
+            <img v-if="isThinking" :src="thinkActive" @click="toggleThink"
               class="action-btn" />
-            <img v-else src="src\assets\img\homePage\tail\think-no-active.png" @click="toggleThink"
+            <img v-else :src="thinkNoActive" @click="toggleThink"
               class="action-btn" />
-            <img src="src\assets\img\homePage\tail\language.png" @click="changeLanguage" class="action-btn" />
-            <img v-if="isVoice" src="src\assets\img\homePage\tail\voice.png" @click="toggleVoice" class="action-btn" />
-            <img v-else src="src\assets\img\homePage\tail\voice-no-active.png" @click="toggleVoice"
+            <img :src="languageBtn" @click="changeLanguage" class="action-btn" />
+            <img v-if="isVoice" :src="voice" @click="toggleVoice" class="action-btn" />
+            <img v-else :src="voiceNoActive" @click="toggleVoice"
               class="action-btn" />
           </div>
-          <img v-if="!chatStore.isLoading" src="src\assets\img\homePage\tail\send.png" @click="sendMessage"
+          <img v-if="!chatStore.isLoading" :src="sendBtn" @click="sendMessage"
             class="action-btn send-btn" />
           <div v-else>
             <el-icon class="is-loading">
@@ -373,7 +389,7 @@ onMounted(async () => {
 
         <!-- 第二行输入框 -->
         <div class="footer-second-line">
-          <img src="src\assets\img\homePage\tail\msg.png" class="msg-icon" />
+          <img :src="msgBtn" class="msg-icon" />
           <el-input type="textarea" v-model="message" :autosize="{ minRows: 1, maxRows: 4 }" placeholder="给AI小财神发消息..."
             class="msg-input" @keydown.enter.exact.prevent="isLoading ? null : sendMessage()" resize="none">
           </el-input>