From ad9707ddbe77de04c4bc391f15149dc53d61bcc9 Mon Sep 17 00:00:00 2001
From: luyuan <1162963624@qq.com>
Date: Thu, 12 Nov 2020 15:32:33 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ReviewItem.vue    |  1 +
 src/components/ReviewItemtwo.vue | 20 ++++++++++++++++----
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/components/ReviewItem.vue b/src/components/ReviewItem.vue
index a4c07e5..9574de9 100644
--- a/src/components/ReviewItem.vue
+++ b/src/components/ReviewItem.vue
@@ -42,6 +42,7 @@
             :date="i.created_at"
             :memberid="i.memberid"
             :replyid="i.commentid"  
+            :info="i"
              @replying="replytow"
              @reload="refresh"
             ></ReviewItemtwo>
diff --git a/src/components/ReviewItemtwo.vue b/src/components/ReviewItemtwo.vue
index aa064f1..b677c07 100644
--- a/src/components/ReviewItemtwo.vue
+++ b/src/components/ReviewItemtwo.vue
@@ -5,8 +5,7 @@
             <div class="name myname" v-if="parseInt(memberid)==myid">{{username}}</div>
              <div class="name" v-else>{{username}}</div>
         </div>
-        <div class="cont">
-            {{content}}
+        <div class="cont" v-html="inhtml()">
         </div>
         <div class="bottom">
             <div class="date">{{date}}</div>
@@ -72,7 +71,9 @@
         margin-left: 67px;
         font-size: 11px;
         line-height: 1.2;
-
+        ::v-deep(span){
+            color: #2581D0;
+        }
     }
     .bottom{
         display: flex;
@@ -109,6 +110,9 @@ import { defineComponent, ref } from 'vue';
 
 export default defineComponent({
     props: {
+        info:{
+            type: Object
+        },
         photo: {
             type: String
         },
@@ -150,11 +154,19 @@ export default defineComponent({
             console.log(res)
             
         } 
+        function inhtml(){
+            if(prop.info){
+                return prop.content + (prop.info.replyid != 0 ? '//<span>' + prop.info.with + '</span>' + prop.info.replyContent : '')
+            }
+            // {{content}}{{info.replyid != 0 ? '//' + info.with + info.replyContent : ''}}
+
+        }
         return {
             reply,
             myid,
             del,
-            lan
+            lan,
+            inhtml
         }
     }
 })