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(() => { AI动画
-
+
{{ questions.title }}
-
+
{{ 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 @@