From 6bf00223e016663ae819239416c9beeeb2b3f01c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Mon, 9 Mar 2026 12:01:34 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=95=B0=E9=87=8F=E5=B0=91?=
 =?UTF-8?q?=E7=9A=84=E6=97=B6=E5=80=99=E7=9A=84=E6=8A=A5=E9=94=99=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/plugins/video/components/search.vue |  24 +++--
 pages/plugins/video/detail/detail.nvue    | 126 +++++++++++++---------
 pages/plugins/video/detail/detail.vue     |  84 +++++++++------
 3 files changed, 145 insertions(+), 89 deletions(-)

diff --git a/pages/plugins/video/components/search.vue b/pages/plugins/video/components/search.vue
index 5f981b41..6347b837 100644
--- a/pages/plugins/video/components/search.vue
+++ b/pages/plugins/video/components/search.vue
@@ -1,12 +1,15 @@
 <template> 
-    <view class="search-bar pr flex-row align-c" :style="search_width_style">
-        <view v-if="propIsDisabled" class="search-mask" @tap="disabled_search"></view>
-        <view class="search-iconfont-container">
-            <iconfont name="icon-search-fine"></iconfont>
+    <view class="search-bar pr" :style="search_width_style">
+        <view class="search-bar-w flex-row align-c pr" :style="search_width_style">
+            <view class="search-iconfont-container">
+                <u-icon propName="search-fine"></u-icon>
+            </view>
+            <input class="flex-1" type="text" v-model="search_keywords" :adjust-position="false" :placeholder="$t('search.search.ic9b89')" @input="handle_search" @confirm="perform_search" />
+            <view class="search-line"></view>
+            <text class="search-button" @tap="perform_search">{{$t('common.search')}}</text>
         </view>
-        <input class="flex-1" type="text" v-model="search_keywords" :adjust-position="false" :placeholder="$t('search.search.ic9b89')" @input="handle_search" @confirm="perform_search" />
-        <view class="search-line"></view>
-        <text class="search-button" @tap="perform_search">{{$t('common.search')}}</text>
+        <!-- 禁用搜索时的蒙层，nvue页面不支持z-index属性 是按照顺序来判断层级-->
+        <view v-if="propIsDisabled" class="search-mask" :style="search_width_style" @tap="disabled_search"></view>
     </view>
 </template>
 
@@ -77,11 +80,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.search-bar-w {
+    width: 100%;
+    height: 80rpx;
+}
 /* 搜索框 */
 .search-bar {
-	display: flex;
-    flex-direction: row;
-	align-items: center;
 	background: rgba(255,255,255,0.5);
 	border-radius: 38rpx;
 	border: 2rpx solid #313131;
diff --git a/pages/plugins/video/detail/detail.nvue b/pages/plugins/video/detail/detail.nvue
index 8dd37184..0f603bb3 100644
--- a/pages/plugins/video/detail/detail.nvue
+++ b/pages/plugins/video/detail/detail.nvue
@@ -51,7 +51,7 @@
                                         <view class="product-button-left flex-row align-c">
                                             <u-icon propName="cart-have" propSize="30rpx" propColor="#F5C366"></u-icon>
                                             <text class="size-14 cr-f" style="margin-left: 20rpx;">{{$t('common.buy')}} {{$t('common.goods')}}</text>
-                                        </view>
+                                        </view>
                                         <u-icon propName="angle-right" propSize="30rpx" propColor="#fff"></u-icon>
                                     </view>
                                 </view>
@@ -65,20 +65,20 @@
                         </template>
                     </view>
                 </swiper-item>
-            </swiper>
-            <!-- 搜索框 -->
-            <view v-if="!show_comment_modal" class="header-top" :style="top_content_style + menu_button_info + ' width: ' + windowWidth + 'px;'">
-                <view id="search-height" class="flex-row align-c">
-                    <!-- 支付宝小程序自带返回按钮，这里就不给返回按钮了，这里给留出一点空间就行 -->
-                    <!-- #ifndef MP-ALIPAY -->
-                    <view class="cp" @tap="handle_back">
-                        <u-icon propName="arrow-left" propSize="36rpx" propColor="#333" class="mr-10"></u-icon>
-                    </view>
-                    <!-- #endif -->
-                    <view class="flex-1" :style="header_padding_left">
-                        <search-component propIsDisabled @disabledSearch="handle_search" :propsWidth="windowWidth" />
-                    </view>
-                </view>
+            </swiper>
+            <!-- 搜索框 -->
+            <view v-if="!show_comment_modal" class="header-top" :style="top_content_style + menu_button_info + ' width: ' + windowWidth + 'px;'">
+                <view id="search-height" class="flex-row align-c">
+                    <!-- 支付宝小程序自带返回按钮，这里就不给返回按钮了，这里给留出一点空间就行 -->
+                    <!-- #ifndef MP-ALIPAY -->
+                    <view class="cp" @tap="handle_back">
+                        <u-icon propName="arrow-left" propSize="36rpx" propColor="#333" class="mr-10"></u-icon>
+                    </view>
+                    <!-- #endif -->
+                    <view class="flex-1" :style="header_padding_left">
+                        <search-component propIsDisabled @disabledSearch="handle_search" :propsWidth="windowWidth" />
+                    </view>
+                </view>
             </view>
         </view>
 		<template v-else>
@@ -487,8 +487,8 @@
                     // #endif
                     this.header_padding_left = padding_left;
                     this.menu_button_info = menu_button_info;
-                    this.current_video_id = isEmpty(this.current_video_id) ? this.params.id : this.current_video_id;
-                    // top_content_style 为undefined， 在这里重新赋值
+                    this.current_video_id = isEmpty(this.current_video_id) ? this.params.id : this.current_video_id;
+                    // top_content_style 为undefined， 在这里重新赋值
                     console.log(this.top_content_style);
                     this.top_content_style = 'padding-top:' + bar_height + 'px;padding-bottom:10px;';
                     this.get_video_detail(this.current_video_id);
@@ -613,8 +613,11 @@
                                 });
                                 // 更新所有视频信息
                                 // this.video_data_list = this.video_data_list;
-                                this.$set(this, 'video_data_list', this.video_data_list)
-                                this.current_index = is_last == 1 && is_next == 1 ? (new_index == this.video_data_list.length - 1 ? 2 : (new_index == this.video_data_list.length - 2 ? 1 : 0)) : this.current_index;
+                                this.$set(this, 'video_data_list', this.video_data_list);
+                                // 逻辑说明：当是最后一个视频且需要播放下一个时，根据数组长度和新索引计算新的当前索引
+                                // - 数组长度 > 2 时：新索引是最后一个元素则返回 2，是倒数第二个则返回 1，否则返回 0
+                                // - 数组长度 <= 2 时：返回 length - 1
+                                this.current_index = is_last == 1 && is_next == 1 ? this.calculate_new_index(this.video_data_list.length, new_index) : this.current_index;
 
                                 if (is_last == 1 && is_next == 1) {
                                     setTimeout(() => { 
@@ -661,6 +664,40 @@
                     console.error('get_last_or_next_data_list error:', error);
                 }
             },
+            /**
+             * 计算新的视频索引
+             * 当是最后一个视频且需要播放下一个时，根据数组长度和新索引计算新的当前索引
+             * @param {number} listLength - 视频列表长度
+             * @param {number} newIndex - 新视频在列表中的索引
+             * @returns {number} 计算后的新索引
+             */
+            calculate_new_index(listLength, newIndex) {
+                try {
+                    // 边界处理：空数组
+                    if (listLength === 0) {
+                        return 0;
+                    }
+                    
+                    // 数组长度 <= 2 时，返回最后一个索引
+                    if (listLength <= 2) {
+                        return listLength - 1;
+                    }
+                    
+                    // 数组长度 > 2 时，根据新索引位置返回对应值
+                    // 新索引是最后一个元素 -> 返回 2
+                    if (newIndex === listLength - 1) {
+                        return 2;
+                    }
+                    // 新索引是倒数第二个元素 -> 返回 1
+                    if (newIndex === listLength - 2) {
+                        return 1;
+                    }
+                    // 其他情况 -> 返回 0
+                    return 0;
+                catch (error) {
+                    console.error('calculate_new_index error:', error);
+                }   
+            },
             // 视频滚动处理逻辑（带防抖）
             handle_swiper_change(event) {
                 try {
@@ -714,11 +751,7 @@
                     this.get_video_data_detail(id);
                     // 边界处理逻辑
                     if (this.current_video_index == 0 && this.is_slide_start) {
-                        const list = [
-                            this.get_video_by_index(0),
-                            this.get_video_by_index(1),
-                            this.get_video_by_index(2)
-                        ];
+                        const list = this.update_video_list([0, 1, 2]);
                         
                         this.is_slide_start = false;
                         this.current_index = 0;
@@ -726,12 +759,8 @@
                         // 刷新数据
                         this.update_display_video_list(list);
                     } else if (this.current_video_index == this.video_data_list.length - 1) {
-                        const list = [
-                            this.get_video_by_index(this.current_video_index - 2),
-                            this.get_video_by_index(this.current_video_index - 1),
-                            this.get_video_by_index(this.current_video_index),
-                        ];
-                        this.current_index = 2;
+                        const list = this.update_video_list([-2, -1, 0]);
+                        this.current_index = list.length - 1;
                         this.swiper_key = get_math();
                         // 刷新数据
                         this.update_display_video_list(list);
@@ -744,6 +773,20 @@
                      console.error('process_swiper_change error:', error);
                 }
             },
+            update_video_list(offsets) {
+                try {
+                    let list = [];
+                    for (let i = 0; i < offsets.length; i++) {
+                        const targetIndex = this.current_video_index + offsets[i];
+                        if (targetIndex >= 0 && targetIndex < this.video_data_list.length) {
+                            list.push(this.get_video_by_index(targetIndex));
+                        }
+                    }
+                    return list;
+                catch (error) {
+                    console.error('update_video_list error:', error);
+                }
+            },
 
             // 批量暂停除指定索引外的所有视频
             pause_all_videos_except(exceptIndex) {
@@ -914,25 +957,12 @@
                     let list = [];
                     // 如果当前索引为0，只显示当前元素和下一个元素
                     if (this.current_index == 0) {
-                        list = [
-                            this.get_video_by_index(this.current_video_index),
-                            this.get_video_by_index(this.current_video_index + 1), // 下一个元素
-                            this.get_video_by_index(this.current_video_index - 1) // 上一个元素，
-                        ];
+                        list = this.update_video_list([0, 1, -1]);
                     } else if (this.current_index == 1) { // 索引为1时，为确保无限轮播正常，需要改变数据插入顺序
-                        list = [
-                            this.get_video_by_index(this.current_video_index - 1),
-                            this.get_video_by_index(this.current_video_index),
-                            this.get_video_by_index(this.current_video_index + 1)
-                        ];
+                        list = this.update_video_list([-1, 0, 1]);
                     } else {
-                        list = [
-                            this.get_video_by_index(this.current_video_index + 1),
-                            this.get_video_by_index(this.current_video_index - 1),
-                            this.get_video_by_index(this.current_video_index),
-                        ];
+                        list = this.update_video_list([1, -1, 0]);
                     }
-                    console.log(this.display_video_list);
                     // this.$set(this, 'display_video_list', list)
                     // 刷新数据
                     this.update_display_video_list(list);
@@ -1933,7 +1963,7 @@
     }
     
     .action-text {
-        font-size: 28rpx;
+        font-size: 28rpx;
         color: #fff;
         margin-top: 10rpx;
     }
@@ -1971,7 +2001,7 @@
     }
     
     .product-button {
-        display: flex;
+        display: flex;
         flex-direction: row;
         align-items: center;
         justify-content: space-between;
diff --git a/pages/plugins/video/detail/detail.vue b/pages/plugins/video/detail/detail.vue
index 650dd707..b9f6b282 100644
--- a/pages/plugins/video/detail/detail.vue
+++ b/pages/plugins/video/detail/detail.vue
@@ -478,7 +478,7 @@
                         const data = res.data;
                         if (data.code == 0) {
                             const new_data = data.data;
-                            this.setData({
+                            this.setData({
                                 data_list_loding_status: 3,
                                 video_data_list: [new_data.data],
                                 report_type_list: new_data.report_type_list,
@@ -573,7 +573,10 @@
                             // 更新所有视频信息
                             this.setData({
                                 video_data_list: this.video_data_list,
-                                current_index: is_last == 1 && is_next == 1 ? (new_index == this.video_data_list.length - 1 ? 2 : (new_index == this.video_data_list.length - 2 ? 1 : 0)) : this.current_index,
+                                // 逻辑说明：当是最后一个视频且需要播放下一个时，根据数组长度和新索引计算新的当前索引
+                                // - 数组长度 > 2 时：新索引是最后一个元素则返回 2，是倒数第二个则返回 1，否则返回 0
+                                // - 数组长度 <= 2 时：返回 length - 1
+                                current_index: is_last == 1 && is_next == 1 ? this.calculate_new_index(this.video_data_list.length, new_index) : this.current_index,
                             });
 
                             if (is_last == 1 && is_next == 1) {
@@ -611,6 +614,36 @@
                     }
                 });
             },
+            /**
+             * 计算新的视频索引
+             * 当是最后一个视频且需要播放下一个时，根据数组长度和新索引计算新的当前索引
+             * @param {number} listLength - 视频列表长度
+             * @param {number} newIndex - 新视频在列表中的索引
+             * @returns {number} 计算后的新索引
+             */
+            calculate_new_index(listLength, newIndex) {
+                // 边界处理：空数组
+                if (listLength === 0) {
+                    return 0;
+                }
+                
+                // 数组长度 <= 2 时，返回最后一个索引
+                if (listLength <= 2) {
+                    return listLength - 1;
+                }
+                
+                // 数组长度 > 2 时，根据新索引位置返回对应值
+                // 新索引是最后一个元素 -> 返回 2
+                if (newIndex === listLength - 1) {
+                    return 2;
+                }
+                // 新索引是倒数第二个元素 -> 返回 1
+                if (newIndex === listLength - 2) {
+                    return 1;
+                }
+                // 其他情况 -> 返回 0
+                return 0;
+            },
             // 视频滚动处理逻辑（带防抖）
             handle_swiper_change(event) {
                 const { current } = event.detail;
@@ -630,7 +663,7 @@
                 // 先暂停所有视频，确保不会有后台播放
                 this.pause_all_videos_except(current);
 
-                const id = this.display_video_list[current].id;
+                const id = this.display_video_list[current]?.id || '';
                 // 更新状态
                 this.setData({
                     current_index: current,
@@ -661,11 +694,7 @@
                 this.get_video_data_detail(id);
                 // 边界处理逻辑
                 if (this.current_video_index == 0 && this.is_slide_start) {
-                    const list = [
-                        this.get_video_by_index(0),
-                        this.get_video_by_index(1),
-                        this.get_video_by_index(2)
-                    ];
+                    const list = this.update_video_list([0, 1, 2]);
                     
                     this.setData({
                         is_slide_start: false,
@@ -674,13 +703,10 @@
                         swiper_key: get_math()
                     });
                 } else if (this.current_video_index == this.video_data_list.length - 1) {
-                    const list = [
-                        this.get_video_by_index(this.current_video_index - 2),
-                        this.get_video_by_index(this.current_video_index - 1),
-                        this.get_video_by_index(this.current_video_index),
-                    ];
+                    const list = this.update_video_list([-2, -1, 0]);
+
                     this.setData({
-                        current_index: 2,
+                        current_index: list.length - 1,
                         display_video_list: list,
                         swiper_key: get_math()
                     });
@@ -700,7 +726,16 @@
                     this.play_current_video_safely(this.current_index);
                 }, 150);
             },
-
+            update_video_list(offsets) {
+                let list = [];
+                for (let i = 0; i < offsets.length; i++) {
+                    const targetIndex = this.current_video_index + offsets[i];
+                    if (targetIndex >= 0 && targetIndex < this.video_data_list.length) {
+                        list.push(this.get_video_by_index(targetIndex));
+                    }
+                }
+                return list;
+            },
             // 批量暂停除指定索引外的所有视频
             pause_all_videos_except(exceptIndex) {
                 // 暂停 uni.createVideoContext 创建的视频
@@ -823,25 +858,12 @@
                 let list = [];
                 // 如果当前索引为0，只显示当前元素和下一个元素
                 if (this.current_index == 0) {
-                    list = [
-                        this.get_video_by_index(this.current_video_index),
-                        this.get_video_by_index(this.current_video_index + 1), // 下一个元素
-                        this.get_video_by_index(this.current_video_index - 1) // 上一个元素，
-                    ];
+                    list = this.update_video_list([0, 1, -1]);
                 } else if (this.current_index == 1) { // 索引为1时，为确保无限轮播正常，需要改变数据插入顺序
-                    list = [
-                        this.get_video_by_index(this.current_video_index - 1),
-                        this.get_video_by_index(this.current_video_index),
-                        this.get_video_by_index(this.current_video_index + 1)
-                    ];
+                    list = this.update_video_list([-1, 0, 1]);
                 } else {
-                    list = [
-                        this.get_video_by_index(this.current_video_index + 1),
-                        this.get_video_by_index(this.current_video_index - 1),
-                        this.get_video_by_index(this.current_video_index),
-                    ];
+                    list = this.update_video_list([1, -1, 0]);
                 }
-
                 this.setData({
                     display_video_list: list
                 })