From a3f06d7402c75696af3b96bf8510df7d6fd981b4 Mon Sep 17 00:00:00 2001
From: XiaoMo <a1300399510@qq.com>
Date: Tue, 4 Apr 2023 18:20: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:20:01?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/detail/detailIndex.vue | 68 ++++++++++++++++++++++++++------
 1 file changed, 55 insertions(+), 13 deletions(-)

diff --git a/src/views/detail/detailIndex.vue b/src/views/detail/detailIndex.vue
index def3887..6fe40f6 100755
--- a/src/views/detail/detailIndex.vue
+++ b/src/views/detail/detailIndex.vue
@@ -86,7 +86,7 @@
                     </div>
                 </template>
 
-                <template v-else>
+                <template v-else-if="type == 3">
                     <div class="offer-content">
                         <div class="offer-content-box" v-if="tenementInfoState">
                             <template v-for="(item, index) in tenementKey">
@@ -104,6 +104,14 @@
                         </div>
 
 
+                        <div v-html="info.message" class="vHtmlMessage" style="">
+                        </div>
+                    </div>
+                </template>
+                <template v-else>
+
+                    <div class="offer-content">
+
                         <div v-html="info.message" class="vHtmlMessage" style="">
                         </div>
                     </div>
@@ -195,7 +203,7 @@
 
             <div class="bottom-item flex1 flexacenter">
                 <div class="bottom-operation-box flex1 flexacenter">
-                    <div class="bottom-operation-item flex1 flexcolumn flexcenter" @click="tapLike">
+                    <div class="bottom-operation-item flex1 flexcolumn flexcenter" @click="tapLike()">
                         <div class="praise_bubble" id="praise_bubble" @click.stop=""
                             :style="{ height: prepareLiskeState ? '' : '.5333rem' }">
                             <div class="bubble" v-for="(item, index) in listlist" :key="index"></div>
@@ -366,7 +374,7 @@ export default {
 
                 if (this.type == 6) this.getOfferDetail()
                 else if (this.type == 5) this.getsummaryDetails()
-                else if (this.type == 0) this.getTenementDetails()
+                else if (this.type == 3) this.getTenementDetails()
 
             })
         },
@@ -478,7 +486,8 @@ export default {
             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_1 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_1 1.5s linear 1 forwards`
 
             d.dataset.t = String(Date.now());
             praiseBubble.appendChild(d);
@@ -1068,15 +1077,48 @@ export default {
             bottom: 1.2rem;
             background-color: transparent;
 
-            .bubble {
-                position: absolute;
-                width: 40px;
-                height: 40px;
-                left: 0;
-                bottom: 0px;
-                background-repeat: no-repeat;
-                background-size: 100%;
-                transform-origin: bottom;
+            /deep/ {
+
+
+                .bubble {
+                    position: absolute;
+                    width: 40px;
+                    height: 40px;
+                    left: 0;
+                    bottom: 0px;
+                    background-repeat: no-repeat;
+                    background-size: 100%;
+                    transform-origin: bottom;
+                    animation: like 1s ease-out, sway 0.2s ease-in-out infinite;
+                }
+
+                @keyframes like {
+                    0% {
+                        opacity: 1;
+                        transform: translate(-50%, 0);
+                    }
+
+                    100% {
+                        opacity: 0;
+                        transform: translate(-50%, -50px);
+                    }
+                }
+
+                @keyframes bubble_1 {
+                    25% {
+                        margin-left: -10px;
+                    }
+
+                    50% {
+                        margin-left: -10px;
+                    }
+
+                    100% {
+                        margin-left: -18px;
+                    }
+                }
+
+
             }