From c9335a0ca7a9c331187d680f307af4b53174d484 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Wed, 11 Mar 2026 16:32:23 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=A7=86=E9=A2=91=E6=92=AD?=
 =?UTF-8?q?=E6=94=BE=E6=98=BE=E7=A4=BA=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/bottom-line/bottom-line.vue | 38 +++++++++++++++++++------
 components/no-data/no-data.vue         | 14 ++++++++-
 manifest.json                          |  1 +
 pages.json                             |  6 ++--
 pages/plugins/video/detail/detail.nvue | 39 +++++++++++++++-----------
 5 files changed, 68 insertions(+), 30 deletions(-)

diff --git a/components/bottom-line/bottom-line.vue b/components/bottom-line/bottom-line.vue
index db1491d0..a32a647f 100644
--- a/components/bottom-line/bottom-line.vue
+++ b/components/bottom-line/bottom-line.vue
@@ -2,9 +2,9 @@
     <view :class="theme_view">
         <view v-if="(propStatus || false)" class="data-bottom-line">
             <view class="bottom-exclude flex-row align-c jc-c" :style="'width:' + new_width">
-                <view class="line-item left line-item-left" :style="'width:' + split_width"></view>
-                <text class="line-item msg" :style="'width:' + split_width">{{propMsg || $t('bottom-line.bottom-line.44bct2')}}</text>
-                <view class="line-item right line-item-right" :style="'width:' + split_width"></view>
+                <view class="line-item left line-item-left"></view>
+                <text class="line-item msg line-item-msg" :style="'width:' + split_width">{{propMsg || $t('bottom-line.bottom-line.44bct2')}}</text>
+                <view class="line-item right line-item-right"></view>
             </view>
         </view>
     </view>
@@ -50,7 +50,7 @@
     }
     .data-bottom-line .line-item.left,
     .data-bottom-line .line-item.right {
-        margin-top: 16rpx;
+        // margin-top: 16rpx;
         border-bottom: 2rpx solid #e1e1e1;
     }
     .data-bottom-line .line-item.msg {
@@ -58,11 +58,31 @@
         text-align: center;
         font-size: 24rpx;
     }
-    .data-bottom-line .line-item.left,
-    .data-bottom-line .line-item.msg {
-        float: left;
+    /* #ifdef APP-NVUE */
+    .line-item-msg {
+        color: #999;
+        text-align: center;
+        font-size: 24rpx;
+        margin: 0 20rpx;
     }
-    .data-bottom-line .line-item.right {
-        float: right;
+    .line-item {
+        width: 750rpx;
     }
+    .line-item-left,
+    .line-item-right {
+        flex: 1;
+        width: 750rpx;
+        height: 2rpx;
+        border-bottom-width: 2rpx;
+        border-bottom-style: solid;
+        border-bottom-color: #e1e1e1;
+    }
+    /* #endif */
+    // .data-bottom-line .line-item.left,
+    // .data-bottom-line .line-item.msg {
+    //     float: left;
+    // }
+    // .data-bottom-line .line-item.right {
+    //     float: right;
+    // }
 </style>
diff --git a/components/no-data/no-data.vue b/components/no-data/no-data.vue
index 29f1d272..372bf3da 100644
--- a/components/no-data/no-data.vue
+++ b/components/no-data/no-data.vue
@@ -242,7 +242,19 @@
     .no-data-loading .title {
         color: #999;
     }
-
+    /* #ifdef APP-NVUE */
+    .image {
+        width: 160rpx;
+        margin-bottom: 30rpx;
+    }
+    .no-data-tips {
+        font-size: 24rpx;
+        color: #999;
+    }
+    .title {
+        color: #999;
+    }
+    /* #endif */
     /**
      * 名称加载
      */
diff --git a/manifest.json b/manifest.json
index 391ca94b..24f74252 100644
--- a/manifest.json
+++ b/manifest.json
@@ -8,6 +8,7 @@
     "app-plus" : {
         "usingComponents" : true,
         "nvueCompiler" : "uni-app",
+        "nvueStyleCompiler": "uni-app",
         "compilerVersion" : 3,
         "safearea": {
           "bottom": {
diff --git a/pages.json b/pages.json
index 7e187862..342cba0e 100644
--- a/pages.json
+++ b/pages.json
@@ -2242,9 +2242,9 @@
         "current": 0, //当前激活的模式(list 的索引项)
         "list": [
             {
-                "name": "test", //模式名称
-                "path": "pages/plugins/video/detail/detail", //启动页面，必选
-                "query": "id=1" //启动参数，在页面的onLoad函数里面得到。
+                "name": "", //模式名称
+                "path": "", //启动页面，必选
+                "query": "" //启动参数，在页面的onLoad函数里面得到。
             }
         ]
     }
diff --git a/pages/plugins/video/detail/detail.nvue b/pages/plugins/video/detail/detail.nvue
index 01db3ca3..0f517f92 100644
--- a/pages/plugins/video/detail/detail.nvue
+++ b/pages/plugins/video/detail/detail.nvue
@@ -4,7 +4,7 @@
             <!-- 视频列表 -->
             <swiper class="swiper-container" :key="'top-or-buttom-' + swiper_key" :style="width_height_style + swiperStyle" :duration="500" :vertical="true" :circular="close_circular ? false : true" :skip-hidden-item-layout="true" :current="current_index" easing-function="linear" @transition="on_transition" @change="handle_swiper_change">
                 <swiper-item v-for="(video_item, index) in display_video_list" :key="video_item.id" :style="width_height_style">
-                    <view class="video-container pr" @tap.stop="toggle_play_pause" :style="width_height_style">
+                    <view class="pr" @tap.stop="toggle_play_pause" :style="width_height_style">
                         <view class="video-bg" :style="(!isEmpty(video_item.cover) ? 'background-image: url(' + video_item.cover + ')' : '') + width_height_style"></view>
                         
                         <video class="video" :style="width_height_style + swiperStyle" :src="video_item.video_url" :poster="video_item.cover" :id="`video_${index}`" :loop="true" :show-fullscreen-btn="false" :show-center-play-btn="false" :show-play-btn="false" :controls="false" :show-mute-btn="true" object-fit="contain" @timeupdate="handle_time_update" @play="handle_play" @tap.stop="toggle_play_pause"></video>
@@ -26,7 +26,7 @@
                                 </view>
                                 <view v-if="base_config_data && base_config_data.is_video_comments_show && base_config_data.is_video_comments_show == 1" class="action-item" :data-id="video_item.id" @tap.stop="handle_comment">
                                     <u-icon propName="comment" propSize="60rpx" propColor="#fff"></u-icon>
-                                    <text class="action-text">{{ video_item.comments_count }}{{ paused }}{{ current_index == index }}</text>
+                                    <text class="action-text">{{ video_item.comments_count }}</text>
                                 </view>
                                 <view class="action-item" @tap.stop="handle_share">
                                     <u-icon propName="share-solid" propSize="60rpx" propColor="#fff"></u-icon>
@@ -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="30rpx" propColor="#999"></u-icon>
+                                            <u-icon propName="close" propSize="50rpx" propColor="#999"></u-icon>
                                         </view>
                                     </view>
                                     <view class="product-button" :data-id="video_item.id" @tap.stop="handle_product_button">
@@ -95,7 +95,7 @@
                 <view class="flex-1 flex-row oh" :style="'width:' + windowWidth + 'px;'" data-type="scroll" @tap.stop @touchstart.prevent="handle_comment_touch_start" @touchmove.prevent="handle_comment_touch_move" @touchend="handle_comment_touch_end">
                     <!-- 评论内容区域 -->
                     <!-- <scroll-view class="flex-1 comment-list flex-row" scroll-y :scroll-top="comment_scroll_top" show-scrollbar="false" scroll-with-animation :scroll-with-touch="!is_dragging" @scrolltolower="handle_comment_to_lower_scroll" @scroll="handle_comment_scroll"> -->
-                        <list class="comment-list comment-scroll" :show-scrollbar="false" :scrollable="!is_dragging" loadmoreoffset="50" @scroll="handle_comment_scroll" @loadmore="handle_comment_to_lower_scroll">
+                        <list class="comment-list comment-scroll" :show-scrollbar="false" :scrollable="!is_dragging" loadmoreoffset="100" @scroll="handle_comment_scroll" @loadmore="handle_comment_to_lower_scroll">
                             <template v-if="active_comments && active_comments.length > 0">
                                 <cell v-for="(comment_item, index) in active_comments" :key="comment_item.id">
                                     <view class="comment-item flex-col"> 
@@ -128,7 +128,9 @@
                                 </cell>
                                 <template v-if="comment_item_loading">
                                     <cell>
-                                        <loading-component></loading-component>
+                                        <view class="flex-row align-c jc-c" :style="window_more_style">
+                                            <loading-component></loading-component>
+                                        </view>
                                     </cell>
                                 </template>
                                 <template v-else>
@@ -294,7 +296,7 @@
                 comment_current_y: 0, // 评论当前拖拽位置
                 move_distance: 0, // 评论拖拽距离
                 is_dragging: false, // 是否正在拖拽中
-                current_video_id: 1, // 当前播放视频的 ID
+                current_video_id: '', // 当前播放视频的 ID
                 is_slide_start: false,
                 swiper_key: get_math(),
                 comment_scroll_top: 0, // 评论滚动距离顶部的距离
@@ -518,7 +520,6 @@
              * @param {*} id 视频 id
             */
             get_video_detail(id) {
-                console.log(id);
                 try {
                     // 获取数据
                     uni.request({
@@ -745,6 +746,7 @@
                     this.current_video_duration = 1;
                     this.is_seeking = false;
                     this.current_video_id = id; // 更新当前播放视频的ID
+                    
                     //#ifdef H5
                     // 使用URLSearchParams处理当前查询参数
                     const url = new URL(location.href);
@@ -783,6 +785,12 @@
                         this.swiper_key = get_math();
                         this.update_display_data();
                     }
+                    // 更新分享信息
+                    this.update_share_info(this.display_video_list[current]);
+                    // 延迟播放当前视频，确保DOM更新完成
+                    setTimeout(() => {
+                        this.play_current_video_safely(this.current_index);
+                    }, 150);
                 } catch (error) {
                     console.error('process_swiper_change error:', error);
                 }
@@ -1088,9 +1096,7 @@
                     e.stopPropagation();
                     // const id = this.current_video_id;
                     const old_data = this.video_data_list.find(item => item.id == this.current_video_id);
-                    console.log(old_data);
                     if (old_data && old_data.comments_list) {
-                        console.log('2225');
                         // 初始化评论数据
                         const new_data = old_data.comments_list.map(item1 => ({
                             ...item1,
@@ -1144,11 +1150,10 @@
                     if (this.comment_scroll_debounce_timer) {
                         clearTimeout(this.comment_scroll_debounce_timer);
                     }
-                    
                     // 设置新的防抖定时器
                     this.comment_scroll_debounce_timer = setTimeout(() => {
-                        this.comment_scroll_top = e.detail.scrollTop;
-                    }, 200); // 100ms防抖延迟
+                        this.comment_scroll_top = Math.abs(e.contentOffset.y);
+                    }, 100); // 100ms防抖延迟
                 } catch (error) {
                     console.error('handle_comment_scroll error:', error);
                 }
@@ -1973,10 +1978,10 @@
     };
 </script>
 <style lang="scss" scoped>
-    .video-container {
-        position: relative;
+    .swiper-container {
+        width: 100vw;
+        height: 100vh;
     }
-    
     .play-icon {
         position: absolute;
         top: 0;
@@ -2049,8 +2054,8 @@
     }
     .product-close {
         position: absolute;
-        right: -10rpx;
-        top: -14rpx;
+        right: -15rpx;
+        top: -20rpx;
     }
     
     .product-button {