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

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

diff --git a/src/views/detail/detailIndex.vue b/src/views/detail/detailIndex.vue
index fac17b5..4489616 100755
--- a/src/views/detail/detailIndex.vue
+++ b/src/views/detail/detailIndex.vue
@@ -26,7 +26,7 @@
                     <img class="card-head-icon" :src="info.avatar" />
                     <div class="card-head-content flex1 flexflex">
                         <div class="card-head-name flexflex">{{ info.author }}</div>
-                        <div class="card-head-time">{{ $formattedDate(info.dateline) }}</div>
+                        <div class="card-head-time">{{ $formattedDate(info.dateline || '') }}</div>
                     </div>
                     <div class="card-head-fool">楼主</div>
                 </div>
@@ -368,7 +368,17 @@ export default {
 
                 let data = res.data
                 console.log("data", data);
-                this.info = data.info
+
+                let info = data.info
+
+                const reg = new RegExp("\r\n", "g")
+                info['message'] = info['message'].replaceAll(reg, '<br/>')
+                info['message'] = info['message'].replace(/<img[^>]*>/g, (match) => {
+                    console.log("match", match);
+                    return match.replace(/width="[^"]*"/g, '').replace(/height="[^"]*"/g, '');
+                });
+
+                this.info = info
                 this.type = data.type
                 this.token = data.token
 
@@ -1087,7 +1097,7 @@ export default {
                     background-repeat: no-repeat;
                     background-size: 100%;
                     transform-origin: bottom;
-                    animation: like 3s ease-out, sway 1s ease-in-out infinite;
+                    animation: like 1.8s ease-out;
                     animation-fill-mode: forwards;
                 }
 
@@ -1103,18 +1113,6 @@ export default {
                     }
                 }
 
-                @keyframes sway {
-                    25% {
-                        margin-left: random(20) + px;
-                    }
-                    50% {
-                        margin-left: random(20) + px;
-                    }
-                    100% {
-                        margin-left: random(20) + px;
-                    }
-                }
-
 
             }