From 8be04ed0bd844a00f060b0c9ea37dfa882b23989 Mon Sep 17 00:00:00 2001
From: zsk <710162063@qq.com>
Date: Wed, 10 Sep 2025 10:18:41 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 root/detail/job.vue | 187 ++++++++++++++++++++++++++++++----------------------
 1 file changed, 110 insertions(+), 77 deletions(-)

diff --git a/root/detail/job.vue b/root/detail/job.vue
index d0dd5a8..54dba2e 100644
--- a/root/detail/job.vue
+++ b/root/detail/job.vue
@@ -93,56 +93,29 @@
 					</div>
 					
 					 <view class="m-banner g_pb_16 g_border_f5_b g_mt_12" v-if="swiperArray.length > 0">
-					    <swiper class="swiper" :circular="false" :autoplay="false" :display-multiple-items="swiperArray.length < 5 ? swiperArray.length : 5" style="height: 58px">
-					      <swiper-item 
-					        v-for="(item, index) in swiperArray" 
-					        :style="{
-					          maxWidth: '58px', 
-					          paddingRight: '12px'
-					        }" 
-					        :key="index" 
-					        :class="index == 0 ? 'g_ml_0 g_mr_0' : ''"
-					      >
-					        <u-image 
-					          :radius="4" 
-					          v-if="item.type == 'image'" 
-					          :showLoading="true" 
-					          :src="item.image" 
-					          width="58px" 
-					          height="58px" 
-					          style="border-radius: 4px" 
-					          @click="handleViewBig(item, index)"
-					        ></u-image>
-					        <view 
-					          class="g_w_60 g_h_58 g_radius_4 videoContainer" 
-					          style="overflow: hidden" 
-					          @click="showVideo(item)" 
-					          v-else
-					        >
-					          <video 
-					            class="theVideo" 
-					            :show-fullscreen-btn="false" 
-					            :show-play-btn="false" 
-					            :show-center-play-btn="false" 
-					            :enable-play-gesture="true" 
-					            :id="item.id" 
-					            :src="item.image" 
-					            @fullscreenchange="fullScreen" 
-					            :muted="muted" 
-					            :show-mute-btn="true"
-					          >
-					           <!-- <view class="shareVideo">
-					              <icon 
-					                @click="shareVideo(item)" 
-					                class="iconfont" 
-					                :class="wxPlat == 'wxwork' ? 'icon-huidaodingbu' : 'icon-zhuanfa1'"
-					              ></icon>
-					            </view> -->
-					          </video>
-					        </view>
-					      </swiper-item>
-					    </swiper>
-					  </view>
+					 	<scroll-view class="banner-scroll" scroll-x="true" show-scrollbar="false"
+					 		:scroll-with-animation="true">
+					 		<view class="scroll-content">
+					 			<view v-for="(item, index) in swiperArray" :key="index" class="scroll-item"
+					 				:class="index == 0 ? 'g_ml_0 g_mr_0' : ''"
+					 				@click="item.type == 'image' ? handleViewBig(item, index) : showVideo(item)">
+					 				<u-image :radius="4" v-if="item.type == 'image'" :showLoading="true" :src="item.image"
+					 					width="58px" height="58px" style="border-radius: 4px">
+					 				</u-image>
+					 				<view class="g_w_58 g_h_58 g_radius_4 videoContainer" v-else>
+					 					<video class="theVideo" :show-fullscreen-btn="true" :show-play-btn="true"
+					 						:show-center-play-btn="true" :enable-play-gesture="true" :id="item.id"
+					 						:src="item.image" @fullscreenchange="fullScreen" :muted="muted"
+					 						:show-mute-btn="isFullscreen" :show-progress="isFullscreen"
+					 						:show-time="isFullscreen" :controls="isFullscreen"
+					 						:enable-progress-gesture="isFullscreen" :object-fit="'cover'"
+					 						style="width: 100%; height: 100%;">
+					 					</video>
+					 				</view>
+					 			</view>
+					 		</view>
+					 	</scroll-view>
+					 </view>
 					
 					
 					<view class="g_flex_row_center g_border_e_b">
@@ -352,7 +325,6 @@
 				</div>
 			</div> -->
 				<!-- 轮播banner -->
-				1{{swiperArray}}2
 				<div class="m-banner g_pb_16 g_border_f5_b" v-if="swiperArray.length > 0">
 					<swiper class="swiper" :circular="false" :autoplay="false" :display-multiple-items="swiperArray.length < 5 ? swiperArray.length : 5" style="height: 58px">
 						<swiper-item v-for="(item, index) in swiperArray" style="max-width: 58px; padding-right: 12px" :key="index" :class="index == 0 ? 'g_ml_0 g_mr_0' : ''">
@@ -687,6 +659,7 @@ export default {
 	},
 	data() {
 		return {
+			isFullscreen: false, // 添加全屏状态跟踪
 			globalData: getApp().globalData,
 			videoContextTemp: {},
 			goImLoading: false, // 跳转im的loading
@@ -1240,7 +1213,9 @@ export default {
 			console.log("showVideo that.swiperArray", that.swiperArray);
 			this.videoContext = uni.createVideoContext(`${e.id}`, this);
 			that.videoContextTemp = that.videoContext;
-			this.videoContext.requestFullScreen();
+			this.videoContext.requestFullScreen({
+				direction: "landscape", // 横屏全屏
+			});
 			this.videoContext.hideStatusBar();
 			this.videoContext.play();
 		},
@@ -1283,11 +1258,14 @@ export default {
 			}
 		},
 		fullScreen(e) {
-			console.log(e);
-			if (!e.detail.fullScreen) {
-				this.videoContext.stop();
-			}
-		},
+		    console.log(e);
+		    this.muted = true;
+		    this.isFullscreen = e.detail.fullScreen; // 更新全屏状态
+		    
+		    if (!e.detail.fullScreen) {
+		      this.videoContext.stop();
+		    }
+		  },
 		shareVideo(e) {
 			var that = this;
 			console.log(e);
@@ -1651,31 +1629,86 @@ export default {
 		.u-swiper__wrapper__item {
 			margin-right: 10px;
 		}
+	
 		image {
 			border-radius: 4px !important;
 		}
+	
+		.banner-scroll {
+			width: 100%;
+			white-space: nowrap;
+	
+			.scroll-content {
+				display: inline-block;
+				white-space: nowrap;
+	
+				.scroll-item {
+					display: inline-block;
+					width: 58px;
+					height: 58px;
+					margin-right: 12px;
+					vertical-align: top;
+	
+					&:last-child {
+						margin-right: 0;
+					}
+	
+					.videoContainer {
+						position: relative;
+						background-color: #000; // 黑色背景
+	
+						.theVideo {
+							width: 100%;
+							height: 100%;
+	
+							// 小图时隐藏控制栏
+							::v-deep .uni-video-controls {
+								display: none !important;
+							}
+	
+							// 全屏时显示控制栏
+							::v-deep .uni-video-fullscreen-controls {
+								display: block !important;
+							}
+						}
+	
+						// 小图时只显示居中的播放按钮
+						::v-deep .uni-video-cover-play-button {
+							display: block !important;
+							width: 40px;
+							height: 40px;
+							margin: auto;
+						}
+					}
+				}
+			}
+		}
+	
 		// .swiper {
-		//       // 为最后一个视频项目添加特殊处理
-		//       swiper-item:last-child {
-		//         .videoContainer {
-		//           // 确保视频容器不会被裁剪
-		//           overflow: visible !important;
-		          
-		//           .theVideo {
-		//             // 确保视频元素能够完整显示
-		//             width: 100%;
-		//             height: 100%;
-		//           }
-		          
-		//           .shareVideo {
-		//             // 调整分享按钮位置，确保不会遮挡视频
-		//             right: 10px;
-		//             bottom: 10px;
-		//           }
-		//         }
-		//       }
-		//     }
+	
+		// 	// 为最后一个视频项目添加特殊处理
+		// 	swiper-item:last-child {
+		// 		.videoContainer {
+		// 			// 确保视频容器不会被裁剪
+		// 			overflow: visible !important;
+	
+		// 			.theVideo {
+		// 				// 确保视频元素能够完整显示
+		// 				width: 100%;
+		// 				height: 100%;
+		// 			}
+	
+		// 			.shareVideo {
+		// 				// 调整分享按钮位置，确保不会遮挡视频
+		// 				right: 10px;
+		// 				bottom: 10px;
+		// 			}
+		// 		}
+		// 	}
+		// }
 	}
+	
+	
 	.m-state {
 		position: fixed;
 		left: 0;