From 6206696edaa8e9e26ab00b4816f1c0e5b2226e33 Mon Sep 17 00:00:00 2001
From: hongxilin <17663930442@163.com>
Date: Fri, 4 Apr 2025 19:11:55 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8D=A2=E7=94=B5=E8=84=91=E5=85=88=E6=8E=A8?=
 =?UTF-8?q?=E4=B8=80=E4=B8=8B=EF=BC=8C=E9=A3=98=E5=B1=8F=E6=9A=82=E5=81=9C?=
 =?UTF-8?q?=E5=81=9A=E5=AE=8C=E4=BA=86=EF=BC=8C=E6=AF=8F=E6=97=A5=E5=A4=8D?=
 =?UTF-8?q?=E7=9B=98=E7=9A=84demo=E6=B2=A1=E5=A5=BD=EF=BC=8C=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97=E8=83=8C=E6=99=AF=E9=A2=9C=E8=89=B2=E6=8D=A2=E4=B8=8D?=
 =?UTF-8?q?=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/AIchat.vue | 30 ++++++++++++++++++++++++++++--
 src/views/AIfind.vue | 23 ++++++++++++++++++++---
 2 files changed, 48 insertions(+), 5 deletions(-)

diff --git a/src/views/AIchat.vue b/src/views/AIchat.vue
index 879db52..ff913a4 100644
--- a/src/views/AIchat.vue
+++ b/src/views/AIchat.vue
@@ -62,6 +62,28 @@ const showQuestions = async (questions) => {
   // emit("sendMessage");
 };
 
+// 飘屏控制
+const floatingTopMouseEnter = function () {
+  console.log("鼠标指上去");
+  const floatTop = document.getElementById("top");
+  floatTop.style.animationPlayState = "paused";
+}
+const floatingTopMouseLeave = function () {
+  console.log("鼠标指下去");
+  const floatTop = document.getElementById("top");
+  floatTop.style.animationPlayState = "running"
+}
+const floatingBottomMouseEnter = function () {
+  console.log("鼠标指上去");
+  const floatBottom = document.getElementById("bottom");
+  floatBottom.style.animationPlayState = "paused";
+}
+const floatingBottomMouseLeave = function () {
+  console.log("鼠标指下去");
+  const floatBottom = document.getElementById("bottom");
+  floatBottom.style.animationPlayState = "running"
+}
+
 // 音频播放方法
 const playAudio = (url) => {
 
@@ -944,13 +966,13 @@ onUnmounted(() => {
       <img :src="currentGif" alt="AI动画" />
 
       <div class="marquee-container">
-        <div class="marquee-row top">
+        <div id="top" class="marquee-row top" @mouseenter="floatingTopMouseEnter" @mouseleave="floatingTopMouseLeave">
           <div v-for="(questions, index) in questionsList.slice(0, 5)" :key="'top' + index" class="marquee-item"
             @click="showQuestions(questions)">
             {{ questions.title }}
           </div>
         </div>
-        <div class="marquee-row bottom">
+        <div id="bottom" class="marquee-row bottom" @mouseenter="floatingBottomMouseEnter" @mouseleave="floatingBottomMouseLeave">
           <div v-for="(questions, index) in questionsList.slice(5, 10)" :key="'bottom' + index" class="marquee-item"
             @click="showQuestions(questions)">
             {{ questions.title }}
@@ -1065,10 +1087,14 @@ onUnmounted(() => {
 
 .top {
   animation: marquee 25s linear infinite;
+  /* 默认动画是运行状态 */
+  animation-play-state: running;
 }
 
 .bottom {
   animation: marquee 15s linear infinite reverse;
+  /* 默认动画是运行状态 */
+  animation-play-state: running;
 }
 
 /* 添加PC端专用速度 */
diff --git a/src/views/AIfind.vue b/src/views/AIfind.vue
index 6ea94ad..16eb02e 100644
--- a/src/views/AIfind.vue
+++ b/src/views/AIfind.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { ref } from 'vue'
-import { getNewsAPI,newsClickAPI } from "../api/AIxiaocaishen"
+import { getNewsAPI, newsClickAPI } from "../api/AIxiaocaishen"
 import { marked } from 'marked'; // 引入marked库
 import katex from 'katex'; // 引入 KaTeX 库
 
@@ -14,7 +14,7 @@ const getNewsList = async () => {
 // 弹窗控制
 const dialogVisible = ref(false)
 const currentNews = ref('')
-const showNews = async(news) => {
+const showNews = async (news) => {
 
     // 点击新闻记录
     const result = await newsClickAPI({
@@ -38,6 +38,12 @@ const showNews = async(news) => {
     });
     dialogVisible.value = true
 }
+// 每日复盘样本弹窗
+const dailyReplayDialogVisible = ref(false)
+const dailyReplay = () => {
+    dailyReplayDialogVisible.value = true
+}
+
 
 onMounted(() => {
     getNewsList()
@@ -52,7 +58,7 @@ onMounted(() => {
 
         <el-text class="daily-item">
             <span>【</span>
-            <span class="purple-text">每日复盘</span>
+            <span class="purple-text" @click="dailyReplay">每日复盘</span>
             <span>】 即将上线，</span>
             <br>
             <span>敬请期待！</span>
@@ -64,6 +70,12 @@ onMounted(() => {
         <!-- <img :src="currentNews.img" alt="加载失败" class="newsDialogImg"> -->
         <div v-html="currentNews.description"></div>
     </el-dialog>
+
+    <!-- 每日复盘样本弹窗 -->
+    <el-dialog v-model="dailyReplayDialogVisible" title="每日复盘" width="80%" class="dailyReplayClass">
+        <img src="/images/dailyReplay.png" alt="每日复盘" class="newsDialogImg">
+        <img src="/images/dailyReplay.png" alt="每日复盘" class="newsDialogImg">
+    </el-dialog>
 </template>
 
 <style scoped>
@@ -100,6 +112,7 @@ onMounted(() => {
 
 .purple-text {
     color: #7315df !important;
+    cursor: pointer;
 }
 
 .daily-item {
@@ -128,4 +141,8 @@ onMounted(() => {
     height: auto;
     margin: 0 auto;
 }
+
+.el-dialog {
+    background-color: #5583d3 !important;
+}
 </style>
\ No newline at end of file