From e4f6d1ddd228e18ecbb2d82fe808ac6144011e76 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 14:08:36 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=86=85=E5=AE=B9=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/u-popup/u-popup.vue             | 11 ++++-
 pages/plugins/video/components/search.vue  |  2 +-
 pages/plugins/video/detail/detail-nvue.css | 47 +++++++++++++---------
 pages/plugins/video/detail/detail.css      | 15 ++++++-
 pages/plugins/video/detail/detail.nvue     | 17 ++++----
 pages/plugins/video/detail/detail.vue      |  2 +-
 6 files changed, 62 insertions(+), 32 deletions(-)

diff --git a/components/u-popup/u-popup.vue b/components/u-popup/u-popup.vue
index 76d6004b..de1968da 100644
--- a/components/u-popup/u-popup.vue
+++ b/components/u-popup/u-popup.vue
@@ -8,8 +8,8 @@
                         <u-icon :propName="propCloseIcon" :propType="propCloseIconType" :propSize="propCloseIconSize + 'rpx'"></u-icon>
                     </view>
                     <view v-if="propTitle != ''" class="pr">
-                        <view class="popup-close pa-14 box-border-box" :class="propTitleBorder ? 'br-b-e' : ''">
-                            <view v-if="propTitle != ''" class="title">
+                        <view class="popup-close pa-14 box-border-box flex-row" :class="propTitleBorder ? 'br-b-e' : ''">
+                            <view v-if="propTitle != ''" class="flex-1 title">
                                 <text class="fw tc">{{ propTitle }}</text>
                             </view>
                         </view>
@@ -695,6 +695,7 @@
         .title {
             width: 100%;
             display: flex;
+            flex-direction: row;
             justify-content: center;
             align-items: center;
         }
@@ -709,4 +710,10 @@
     .fixforpc-top {
         top: 0;
     }
+    .fw {
+        font-weight: 700;
+    }
+    .tc {
+        text-align: center;
+    }
 </style>
diff --git a/pages/plugins/video/components/search.vue b/pages/plugins/video/components/search.vue
index 77e7ee1f..23692899 100644
--- a/pages/plugins/video/components/search.vue
+++ b/pages/plugins/video/components/search.vue
@@ -92,7 +92,7 @@ export default {
 	border-radius: 38rpx;
 	border: 2rpx solid #313131;
     height: 80rpx;
-	margin: 0 24rpx;
+	margin: 0 24rpx 0 0;
     display: flex;
     flex-direction: row;
     align-items: center;
diff --git a/pages/plugins/video/detail/detail-nvue.css b/pages/plugins/video/detail/detail-nvue.css
index 0ca55814..65b6d348 100644
--- a/pages/plugins/video/detail/detail-nvue.css
+++ b/pages/plugins/video/detail/detail-nvue.css
@@ -1,6 +1,13 @@
 .content {
     background: #000;
 }
+.cp {
+    height: 80rpx;
+    width: 60rpx;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
 .swiper-container {
     width: 100vw;
     height: 100vh;
@@ -75,9 +82,7 @@
     line-height: 44rpx;
 }
 .product-close {
-    position: absolute;
-    right: -20rpx;
-    top: -26rpx;
+    margin-left: 20rpx;
 }
 
 .product-button {
@@ -297,6 +302,10 @@
     color: #333;
 }
 
+.report-name {
+    font-size: 28rpx;
+}
+
 .report-required {
     color: #e74c3c;
     font-size: 30rpx;
@@ -312,24 +321,24 @@
     z-index: 9;
 }
 
-.cover-view-center{
-    position: fixed;
-    justify-content: center;
-    align-items: center;
-    z-index: 999;
+.cover-view-center{
+    position: fixed;
+    justify-content: center;
+    align-items: center;
+    z-index: 999;
 }
 
-.left-div{
-    position: absolute;
-    top: 0;
-    justify-content: center;
-    align-items: center;
-}
-.right-div{
-    position: absolute;
-    top: 0;
-    justify-content: center;
-    align-items: center;
+.left-div{
+    position: absolute;
+    top: 0;
+    justify-content: center;
+    align-items: center;
+}
+.right-div{
+    position: absolute;
+    top: 0;
+    justify-content: center;
+    align-items: center;
 }
 
 .keyboard-input {
diff --git a/pages/plugins/video/detail/detail.css b/pages/plugins/video/detail/detail.css
index ad3ed63c..a5c6d31f 100644
--- a/pages/plugins/video/detail/detail.css
+++ b/pages/plugins/video/detail/detail.css
@@ -4,6 +4,14 @@
     height: 100vh;
 }
 
+.cp {
+    height: 80rpx;
+    width: 60rpx;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+
 .video {
     width: 100%;
     height: 100%;
@@ -109,7 +117,12 @@
 .product-card .product-close {
     position: absolute;
     right: -10rpx;
-    top: -14rpx;
+    top: -14rpx;
+    height: 30rpx;
+    display: flex;
+    align-items: center;
+    background: #fff;
+    border-radius: 50%;
 }
 
 .product-card .product-button {
diff --git a/pages/plugins/video/detail/detail.nvue b/pages/plugins/video/detail/detail.nvue
index af9174b2..62646d55 100644
--- a/pages/plugins/video/detail/detail.nvue
+++ b/pages/plugins/video/detail/detail.nvue
@@ -44,7 +44,7 @@
                                             <text class="product-price">¥{{ video_item.goods.price }}</text>
                                         </view>
                                         <view class="product-close" :data-id="video_item.id" @tap.stop="product_close_event">
-                                            <u-icon propName="close" propSize="50rpx" propColor="#999"></u-icon>
+                                            <u-icon propName="close" propSize="40rpx" propColor="#999"></u-icon>
                                         </view>
                                     </view>
                                     <view class="product-button" :data-id="video_item.id" @tap.stop="handle_product_button">
@@ -187,7 +187,7 @@
                                 <view v-for="(mainItem, main_index) in report_type_list" :key="main_index" class="flex-row align-c" style="margin-right: 20rpx;" :data-index="main_index" @tap.stop="select_main_reason">
                                     <view class="flex-row align-c">
                                         <radio :value="main_index.toString()" :checked="current_main_index === main_index" style="transform:scale(0.7)" />
-                                        <text class="flex-row align-c">{{mainItem.name}}</text>
+                                        <text class="report-name flex-row align-c">{{mainItem.name}}</text>
                                     </view>
                                 </view>
                             </radio-group>
@@ -202,7 +202,7 @@
                                 <view v-for="(subItem, sub_index) in report_type_list[current_main_index].data" :key="sub_index" class="flex-row align-c" style="margin-right: 20rpx;" :data-index="sub_index" @tap.stop="select_sub_reason">
                                     <view class="flex-row align-c">
                                         <radio :value="sub_index.toString()" :checked="current_sub_index === sub_index" style="transform:scale(0.7)" />
-                                        <view class="flex-row align-c">{{subItem}}</view>
+                                        <text class="report-name flex-row align-c">{{subItem}}</text>
                                     </view>
                                 </view>
                             </radio-group>
@@ -221,7 +221,7 @@
                     </view>
                 </view>
                 <view class="flex-row align-c wh-auto ht-auto pr-16 box-border-box" :style="window_more_style">
-                    <input :value="comment_input_value" :focus="is_add_comment" class="comment-input" style="margin-right: 20rpx;" type="text" confirm-type="done" :adjust-position="false" :auto-blur="true" :placeholder="input_placeholder" @input="comment_input_event" @blur="() => is_add_comment = false" @confirm="send_comment" />
+                    <input :value="comment_input_value" :focus="is_add_comment" class="comment-input" style="margin-right: 20rpx;" type="text" confirm-type="send" :adjust-position="false" :auto-blur="true" :placeholder="input_placeholder" @input="comment_input_event" @blur="() => is_add_comment = false" @confirm="send_comment" />
                     <component-upload :propMaxNum="propMaxNum" :propPathType="editor_path_type" propSlot propSingleCall propIsAllInfo @call-back="upload_images_event">
                         <u-icon propName="layout-module-single-images" propSize="48rpx" propColor="#999"></u-icon>
                     </component-upload>
@@ -586,7 +586,7 @@
                                 // 逻辑说明：当是最后一个视频且需要播放下一个时，根据数组长度和新索引计算新的当前索引
                                 // - 数组长度 > 2 时：新索引是最后一个元素则返回 2，是倒数第二个则返回 1，否则返回 0
                                 // - 数组长度 <= 2 时：返回 length - 1
-                                this.current_index = is_next == 1 ? new_index : this.current_index;
+                                // this.current_index = is_next == 1 ? new_index : this.current_index;
 
                                 if (is_next == 1) {
                                     setTimeout(() => { 
@@ -607,6 +607,7 @@
             // 实际的 swiper 切换处理逻辑
             process_swiper_change(current) {
                 try {
+                    console.log(current);
                     // 先暂停所有视频，确保不会有后台播放
                     this.pause_all_videos_except(current);
 
@@ -834,6 +835,7 @@
                         // const id = e?.currentTarget?.dataset?.id || ''; 
                         this.set_givethumbs_num(this.current_video_id);
                     }
+                    e.stopPropagation();
                 } catch (error) {
                     console.error('handle_like error:', error);
                 }
@@ -1373,9 +1375,10 @@
                 }
             },
             // 返回上一页
-            handle_back() {
+            handle_back(e) {
                 try {
                    app.globalData.page_back_prev_event();
+                   e.stopPropagation();
                 } catch (error) {
                     console.error('handle_back error:', error);
                 }
@@ -1455,7 +1458,6 @@
                     } else {
                         this.active_dropdown_id = comment_id;
                     }
-                    console.log(this.active_dropdown_id);
                 } catch (error) {
                     console.error('handle_toggle_dropdown error:', error);
                 }
@@ -1586,7 +1588,6 @@
             select_main_reason(e) {
                 try {
                     const index = e?.currentTarget?.dataset?.index || 0;
-                    console.log(index);
                     const main_index = parseInt(index);
                     if (main_index !== this.current_main_index) {
                         this.current_main_index = main_index;
diff --git a/pages/plugins/video/detail/detail.vue b/pages/plugins/video/detail/detail.vue
index c65aaddc..8257edc2 100644
--- a/pages/plugins/video/detail/detail.vue
+++ b/pages/plugins/video/detail/detail.vue
@@ -213,7 +213,7 @@
                     </view>
                 </view>
                 <view class="flex-row align-c gap-10 wh-auto ht-auto pr-16 box-border-box">
-                    <input :value="comment_input_value" :focus="is_add_comment" class="comment-input" type="text" confirm-type="done" :adjust-position="false" :auto-blur="true" :placeholder="input_placeholder" @input="comment_input_event" @blur="() => is_add_comment = false" @confirm="send_comment" />
+                    <input :value="comment_input_value" :focus="is_add_comment" class="comment-input" type="text" confirm-type="send" :adjust-position="false" :auto-blur="true" :placeholder="input_placeholder" @input="comment_input_event" @blur="() => is_add_comment = false" @confirm="send_comment" />
                     <component-upload :propMaxNum="1" :propPathType="editor_path_type" propSlot propSingleCall propIsAllInfo @call-back="upload_images_event">
                         <iconfont name="icon-layout-module-single-images" size="48rpx" color="#999"></iconfont>
                     </component-upload>