From f1fdcf6bf262df63d080bc65aa03ac6034a39240 Mon Sep 17 00:00:00 2001
From: XiaoMo <a1300399510@qq.com>
Date: Fri, 31 Mar 2023 16:00:11 +0800
Subject: [PATCH] =?UTF-8?q?a1300399510@qq.com=20=E6=8F=90=E4=BA=A4?=
 =?UTF-8?q?=E4=BA=8E=202023/03/31=20-16:00:02?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/common.js              |  7 ++++++-
 src/views/detail/detailIndex.vue | 30 ++++++++++++++----------------
 2 files changed, 20 insertions(+), 17 deletions(-)

diff --git a/src/utils/common.js b/src/utils/common.js
index 8db934d..7c73672 100755
--- a/src/utils/common.js
+++ b/src/utils/common.js
@@ -26,4 +26,9 @@ function goTologin() {
     skipUrl(`https://passport.gter.net/?referer=${url}`, false);
 }
 
-export { skipUrl, pageStop, pageMove, goTologin }
\ No newline at end of file
+// 点击复制
+function copy(value, ismessage) {
+
+}
+
+export { skipUrl, pageStop, pageMove, goTologin, copy }
\ No newline at end of file
diff --git a/src/views/detail/detailIndex.vue b/src/views/detail/detailIndex.vue
index 129e40b..e3d1a49 100755
--- a/src/views/detail/detailIndex.vue
+++ b/src/views/detail/detailIndex.vue
@@ -78,7 +78,10 @@
                 <div class="bottom-operation-box flex1 flexacenter">
                     <div class="bottom-operation-item flex1 flexcolumn flexcenter" @click="tapLike">
                         <div class="praise_bubble" id="praise_bubble" @click.stop=""
-                            :style="{ height: prepareLiskeState ? '' : '.5333rem' }"></div>
+                            :style="{ height: prepareLiskeState ? '' : '.5333rem' }">
+                            <div class="bubble" v-for="(item, index) in listlist" :key="index"></div>
+                        </div>
+
                         <div class="loginBtn" v-if="!islogin" @click.stop="setValue('isloginBtnState', true, 'boolean')">
                         </div>
                         <img class="bottom-operation-icom" :class="{ 'prepareLiskeAnimateState': prepareLiskeAnimateState }"
@@ -143,6 +146,7 @@ export default {
             ispostOfferLike: null, // 点击点赞提交状态
             offerLikesumTimer: 0, // offer点赞累加定时器
             offerLikesumAnimateTimer: 0, // offer点赞动画定时器
+            listlist: []
         };
     },
 
@@ -168,16 +172,15 @@ export default {
             // b = 1; // 测试写固定的
             const bl = Math.floor(Math.random() * 11) + 1; // bl1~bl11
             let d = document.createElement("div");
-            // let urll = '//offer.gter.net/image/gter/offer/imgdetails'
-            let urll = './img'
-            d.style.backgroundImage = `url('${urll}/bg${b}.png')`
+            d.style.backgroundImage = `url('./img/bg${b}.png')`
             d.style.backgroundSize = 'contain'
             d.className = `bubble`;
-            d.style.animation = `bubble_${bl} 1.5s linear 1 forwards, bubble_big_${Math.floor(Math.random() * 3) + 1} 0.8s linear 1 forwards, bubble_y 1.5s linear 1 forwards`
+            // d.style.animation = `bubble_${bl} 1.5s linear 1 forwards, bubble_big_${Math.floor(Math.random() * 3) + 1} 0.8s linear 1 forwards, bubble_y 1.5s linear 1 forwards`
 
             d.dataset.t = String(Date.now());
             praiseBubble.appendChild(d);
 
+            // this.$forceUpdate()
 
             this.stat.like++
             this.prepareLiskeNum++
@@ -246,6 +249,10 @@ export default {
     margin-top: 1.3rem;
     padding-bottom: 2.8rem;
 
+    .aaa {
+        color: red;
+    }
+
     .detail-head {
         color: #7F7F7F;
         padding: .191rem 0.2933rem 0;
@@ -578,23 +585,14 @@ export default {
                 background-size: 100%;
                 transform-origin: bottom;
             }
+
+
         }
 
     }
 
 }
 
-.bubble {
-  position: absolute;
-  width: 40px;
-  height: 40px;
-  left: 0;
-  bottom: 0px;
-  background-repeat: no-repeat;
-  background-size: 100%;
-  transform-origin: bottom;
-}
-
 @keyframes bubble_11 {
     25% {
         margin-left: -10px;