增加点赞区域

common/css/plugins.css

@@ -272,4 +272,25 @@
         transform: translateX(-50%) !important;    
     }   
 }
-/* #endif */
+/* #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 */

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>

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>