🎨 update

src/components/CommentReply/src/CommentInput/CommentInput.vue

@@ -201,7 +201,7 @@ async function commentSubmit(point: any) {
     message.success(t('comment.commentSuccess'));
   } else {
     await comment.getSlideCaptchaData();
-    message.warning(result.message || t('comment.commentError'));
+    message.warning(result.msg || t('comment.commentError'));
   }
 }
 

src/components/CommentReply/src/CommentList/index.scss

@@ -22,7 +22,7 @@
         box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
         border-radius: 50%;
 
-        .reply-popover{
+        .reply-popover {
             padding: 0;
         }
     }
@@ -61,8 +61,9 @@
             font-weight: 600;
             cursor: pointer;
         }
+
         .reply-name:hover {
-           color: rgba(15, 15, 16, 0.68);
+            color: rgba(15, 15, 16, 0.68);
         }
 
         .reply-tag {
@@ -94,6 +95,10 @@
             //margin-top: 5px;
             .reply-text {
                 overflow: auto;
+                white-space: normal; /* 允许自动换行 */
+                word-wrap: break-word; /* 在长单词内部进行换行 */
+                overflow-wrap: break-word; /* 在长单词内部进行换行 */
+
             }
 
             .reply-images {

src/components/CommentReply/src/ReplyInput/ReplyInput.vue

@@ -206,15 +206,17 @@ async function replySubmit(point: any) {
       is_liked: false,
       reply_nickname: props.item.nickname,
     };
-    if (!comment.replyVisibility[props.item.id].data.comments) {
+    if (!comment.replyVisibility[props.item.id].data) {
       comment.replyVisibility[props.item.id].data.comments = []; // 初始化 comments 数组
     }
     comment.replyVisibility[props.item.id].data.comments.unshift(tmpData);
     comment.commentMap[props.item.id].reply_count++;
+    comment.replyVisibility[props.item.id].visible = true;
     comment.closeReplyInput();
     replyContent.value = "";
     await comment.clearFileList();
     showSubmitCaptcha.value = false;
+    comment.replyLoading[props.item.id] = false;
     message.success(t('comment.replySuccess'));
   } else {
     await comment.getSlideCaptchaData();

src/components/CommentReply/src/ReplyList/index.scss

@@ -60,6 +60,12 @@
             box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
             width: 525px;
 
+            .reply-text-child {
+                white-space: normal; /* 允许自动换行 */
+                word-wrap: break-word; /* 在长单词内部进行换行 */
+                overflow-wrap: break-word; /* 在长单词内部进行换行 */
+            }
+
             .reply-action-item-child {
                 margin-top: 10px;
 

src/components/CommentReply/src/ReplyReplyInput/ReplyReply.vue

@@ -210,14 +210,16 @@ async function replyReplySubmit(point: any) {
       reply_nickname: props.item.nickname,
       reply_to: result.data.reply_to,
     };
-    if (!comment.replyVisibility[props.item.id].data.comments) {
+    if (!comment.replyVisibility[props.item.id].data) {
       comment.replyVisibility[props.item.id].data.comments = []; // 初始化 comments 数组
     }
     comment.replyVisibility[props.item.id].data.comments.unshift(tmpData);
     comment.commentMap[props.item.id].reply_count++;
+    comment.replyVisibility[props.item.id].visible = true;
     replyReplyContent.value = "";
     await comment.clearFileList();
     showSubmitCaptcha.value = false;
+    comment.replyLoading[props.item.id] = false;
     // await getReplyList();
     comment.closeReplyInput();