fix(用例评审): 修复评论换行不生效的问题

frontend/src/business/components/track/review/commom/ReviewCommentItem.vue

@@ -2,16 +2,18 @@
   <div class="main">
     <div class="comment-left">
       <div class="icon-title">
-        {{comment.author.substring(0,1)}}
+        {{ comment.author.substring(0, 1) }}
       </div>
     </div>
     <div class="comment-right">
-      <span style="font-size: 14px;color: #909399;font-weight: bold">{{comment.author}}</span>
+      <span style="font-size: 14px;color: #909399;font-weight: bold">{{ comment.author }}</span>
       <span style="color: #8a8b8d; margin-left: 8px; font-size: 12px">
-        {{comment.createTime | timestampFormatDate}}
+        {{ comment.createTime | timestampFormatDate }}
       </span>
       <br/>
-      <div class="comment-desc" style="font-size: 10px;color: #303133">{{comment.description}}</div>
+      <div class="comment-desc" style="font-size: 10px;color: #303133">
+        <pre>{{ comment.description }}</pre>
+      </div>
     </div>
   </div>
 </template>
@@ -29,41 +31,45 @@ export default {
 </script>
 
 <style scoped>
-  .main {
-    overflow-y: scroll;
-    display: flex;
-    align-items: center;
-    margin-top: 10px;
-  }
+.main {
+  overflow-y: scroll;
+  display: flex;
+  align-items: center;
+  margin-top: 10px;
+}
 
-  .comment-left {
-    float: left;
-    width: 50px;
-    height: 100%;
-  }
+.comment-left {
+  float: left;
+  width: 50px;
+  height: 100%;
+}
 
-  .comment-right {
-    float: left;
-    width: 90%;
-    padding: 0;
-    line-height: 25px;
-  }
+.comment-right {
+  float: left;
+  width: 90%;
+  padding: 0;
+  line-height: 25px;
+}
 
-  .icon-title {
-    color: #fff;
-    width: 30px;
-    background-color: #72dc91;
-    height: 30px;
-    line-height: 30px;
-    text-align: center;
-    border-radius: 30px;
-    font-size: 14px;
-  }
+.icon-title {
+  color: #fff;
+  width: 30px;
+  background-color: #72dc91;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  border-radius: 30px;
+  font-size: 14px;
+}
 
 
-  .comment-desc {
-    overflow-wrap: break-word;
-    word-break: break-all;
-    border-bottom: 1px solid #ced3de;
-  }
+.comment-desc {
+  overflow-wrap: break-word;
+  word-break: break-all;
+  border-bottom: 1px solid #ced3de;
+}
+
+pre {
+  margin: 0 0;
+}
 </style>