From 1196ac3e68401399dc919b32cacf276ac18c1820 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Thu, 19 Mar 2026 15:02:24 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=A1=B5=E9=9D=A2=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/plugins/video/components/comment-info.vue |  2 +-
 pages/plugins/video/detail/detail-nvue.css      |  6 ++++++
 pages/plugins/video/detail/detail.nvue          | 10 +++++-----
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/pages/plugins/video/components/comment-info.vue b/pages/plugins/video/components/comment-info.vue
index 1bdfbe9e..e703b85e 100644
--- a/pages/plugins/video/components/comment-info.vue
+++ b/pages/plugins/video/components/comment-info.vue
@@ -1,5 +1,5 @@
 <template> 
-    <view class="flex-row align-s wh-auto ht-auto"> 
+    <view class="flex-row align-s">
         <image class="comment-avatar" :src="propComment.user.avatar" mode="aspectFill"></image>
         <view class="comment-info flex-col jc-c" style="margin-left: 20rpx;" @tap="comment_reply">
             <view class="flex-row jc-sb">
diff --git a/pages/plugins/video/detail/detail-nvue.css b/pages/plugins/video/detail/detail-nvue.css
index 52029a82..48d33329 100644
--- a/pages/plugins/video/detail/detail-nvue.css
+++ b/pages/plugins/video/detail/detail-nvue.css
@@ -276,6 +276,12 @@
 .ml-10 {
     margin-left: 20rpx;
 }
+.mt-10 {
+    margin-top: 20rpx;
+}
+.mb-10 {
+    margin-bottom: 20rpx;
+}
 .pr-10 {
     padding-right: 20rpx;
 }
diff --git a/pages/plugins/video/detail/detail.nvue b/pages/plugins/video/detail/detail.nvue
index 57af8019..30dd4c96 100644
--- a/pages/plugins/video/detail/detail.nvue
+++ b/pages/plugins/video/detail/detail.nvue
@@ -105,9 +105,9 @@
                                     <view class="comment-item flex-col"> 
                                         <commentInfoComponent :style="window_more_style" :propComment="comment_item" :propId="comment_item.id" :propDropDownVisible="active_dropdown_id == comment_item.id" @comment_reply="comment_reply" @comment_like="comment_like" @toggle_dropdown="handle_toggle_dropdown" @dropdown_item_click="handle_dropdown_item_click"></commentInfoComponent>
                                         <!-- 子评论 -->
-                                        <view class="sub-comment flex-col jc-c mt-10">
-                                            <view v-if="comment_item.sub_comments && Array.isArray(comment_item.sub_comments) && comment_item.sub_comments.length > 0 && comment_item.show_sub_comment" style="margin-buttom: 20rpx;" class="sub-comment-list flex-col jc-c">
-                                                <view v-for="(sub_comment_item, sub_comment_index) in comment_item.sub_comments" :key="sub_comment_index" class="sub-comment-item flex-row align-s" style="margin-bottom: 20rpx;">
+                                        <view class="sub-comment flex-col jc-c mt-10 bg-red">
+                                            <view v-if="comment_item.sub_comments && Array.isArray(comment_item.sub_comments) && comment_item.sub_comments.length > 0 && comment_item.show_sub_comment" class="sub-comment-list flex-col jc-c mb-10">
+                                                <view v-for="(sub_comment_item, sub_comment_index) in comment_item.sub_comments" :key="sub_comment_index" class="sub-comment-item flex-row align-s mb-10">
                                                     <commentInfoComponent :style="window_sub_more_style" :propComment="sub_comment_item" :propId="sub_comment_item.id" :propDropDownVisible="active_dropdown_id == sub_comment_item.id" @comment_reply="comment_reply" @comment_like="comment_like" @toggle_dropdown="handle_toggle_dropdown" @dropdown_item_click="handle_dropdown_item_click"></commentInfoComponent>
                                                 </view>
                                             </view>
@@ -119,9 +119,9 @@
                                                     <template v-if="comment_item.show_sub_comment_loading">
                                                         <loading-component :style="window_more_style"></loading-component>
                                                     </template>
-                                                    <view v-else class="sub-comment-more flex-row align-c gap-10">
+                                                    <view v-else class="sub-comment-more flex-row align-c">
                                                         <template v-if="comment_item.page != null && comment_item.page < comment_item.page_total">
-                                                            <commentMoreComponent :style="window_more_style" :propId="comment_item.id" :propIsLevel="2" :propText="$t('common.expand')" @comment_more_event="open_sub_comment"></commentMoreComponent>
+                                                            <commentMoreComponent :style="window_more_style" class="mr-10" :propId="comment_item.id" :propIsLevel="2" :propText="$t('common.expand')" @comment_more_event="open_sub_comment"></commentMoreComponent>
                                                         </template>
                                                         <commentMoreComponent :style="window_more_style" :propId="comment_item.id" :propText="$t('common.retract')" propIconName="arrow-top" @comment_more_event="close_sub_comment"></commentMoreComponent>
                                                     </view>