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;
}
}