From 75bdab36bff74bf075297d815d819f5cc0c240d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Fri, 13 Mar 2026 10:46:40 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E7=82=B9=E8=B5=9E=E5=8C=BA?=
 =?UTF-8?q?=E5=9F=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 common/css/plugins.css                        | 23 ++++++++++++++++++-
 .../plugins/video/components/comment-info.vue |  4 ++--
 .../plugins/video/components/comment-more.vue |  2 +-
 3 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/common/css/plugins.css b/common/css/plugins.css
index a0f17923..6e225cf7 100644
--- a/common/css/plugins.css
+++ b/common/css/plugins.css
@@ -272,4 +272,25 @@
         transform: translateX(-50%) !important;    
     }   
 }
-/* #endif */
\ No newline at end of file
+/* #endif */
+
+/**
+ * 扩大可点击区域
+ */
+.overlay-content {
+    position: relative;
+    /* #ifdef APP-NVUE */
+    padding: 4rpx 20rpx;
+    /* #endif */
+}
+/* #ifdef APP-NVUE */
+.overlay-content::before {
+    content: '';
+    position: absolute;
+    top: -20rpx;
+    left: -20rpx;
+    right: -20rpx;
+    bottom: -20rpx;
+    z-index: 1;
+}
+ /* #endif */
diff --git a/pages/plugins/video/components/comment-info.vue b/pages/plugins/video/components/comment-info.vue
index 508faa24..fea7848b 100644
--- a/pages/plugins/video/components/comment-info.vue
+++ b/pages/plugins/video/components/comment-info.vue
@@ -6,7 +6,7 @@
                 <text class="comment-user">{{ propComment.user.user_name_view }}</text>
                 <view class="pr" style="margin-left: 20rpx;">
                     <!-- 直接实现下拉菜单 -->
-                    <view ref="commentOption" class="comment-option" @tap.stop="toggle_dropdown">
+                    <view ref="commentOption" class="comment-option overlay-content" @tap.stop="toggle_dropdown">
                         <u-icon propName="ellipsis" propColor="#999" propSize="28rpx"></u-icon>
                     </view>
                     <!-- 下拉菜单 -->
@@ -34,7 +34,7 @@
                     <text class="comment-time">{{ propComment.add_time }}</text>
                     <text class="comment-reply flex-row align-c gap-5" style="margin-left: 20rpx;">{{ propReplyContent || $t('common.reply') }}({{ propComment.comments_count }})</text>
                 </view>
-                <view class="comment-operation-right flex-row align-c" style="margin-left: 20rpx;" @tap.stop="comment_like">
+                <view class="comment-operation-right flex-row align-c overlay-content" style="margin-left: 20rpx;" @tap.stop="comment_like">
                     <u-icon propName="givealike-o-fine" :propColor="propComment.is_give_thumbs == 0 ? '#000' : '#F4B73F'" propSize="28rpx"></u-icon>
                     <text class="comment-like-num" style="margin-left: 10rpx;">{{ propComment.give_thumbs_count || 0 }}</text>
                 </view>
diff --git a/pages/plugins/video/components/comment-more.vue b/pages/plugins/video/components/comment-more.vue
index fd0f5dea..c7720cb6 100644
--- a/pages/plugins/video/components/comment-more.vue
+++ b/pages/plugins/video/components/comment-more.vue
@@ -1,5 +1,5 @@
 <template>
-    <view class="more-title flex-row align-c" @tap="comment_more_event">
+    <view class="more-title flex-row align-c overlay-content" @tap="comment_more_event">
         <text class="more-title">{{ propText || $t('common.expand') }}</text>
         <view class="ml-5">
             <u-icon :propName="propIconName" propColor="#999" propSize="20rpx"></u-icon>