From d7d50d514e644cabf258c5011e69d2e4e7b7b209 Mon Sep 17 00:00:00 2001
From: XiaoMo <a1300399510@qq.com>
Date: Tue, 4 Apr 2023 18:40:11 +0800
Subject: [PATCH] =?UTF-8?q?a1300399510@qq.com=20=E6=8F=90=E4=BA=A4?=
 =?UTF-8?q?=E4=BA=8E=202023/04/04=20-18:40:01?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/detail/detailIndex.vue | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/views/detail/detailIndex.vue b/src/views/detail/detailIndex.vue
index 6fe40f6..fac17b5 100755
--- a/src/views/detail/detailIndex.vue
+++ b/src/views/detail/detailIndex.vue
@@ -1078,18 +1078,17 @@ export default {
             background-color: transparent;
 
             /deep/ {
-
-
                 .bubble {
                     position: absolute;
                     width: 40px;
                     height: 40px;
-                    left: 0;
+                    left: 50%;
                     bottom: 0px;
                     background-repeat: no-repeat;
                     background-size: 100%;
                     transform-origin: bottom;
-                    animation: like 1s ease-out, sway 0.2s ease-in-out infinite;
+                    animation: like 3s ease-out, sway 1s ease-in-out infinite;
+                    animation-fill-mode: forwards;
                 }
 
                 @keyframes like {
@@ -1100,21 +1099,19 @@ export default {
 
                     100% {
                         opacity: 0;
-                        transform: translate(-50%, -50px);
+                        transform: translate(-50%, -200px);
                     }
                 }
 
-                @keyframes bubble_1 {
+                @keyframes sway {
                     25% {
-                        margin-left: -10px;
+                        margin-left: random(20) + px;
                     }
-
                     50% {
-                        margin-left: -10px;
+                        margin-left: random(20) + px;
                     }
-
                     100% {
-                        margin-left: -18px;
+                        margin-left: random(20) + px;
                     }
                 }