视频

root/detail/job.vue

@@ -91,6 +91,60 @@
 						</view>
 						<view v-else class="g_border_e_t g_mt_16"></view>
 					</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: index === swiperArray.length - 1 ? '0' : '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>
+					
+					
 					<view class="g_flex_row_center g_border_e_b">
 						<u-tabs bg-color="transparent" :list="tabInfo.list" :current="tabInfo.active" :active-color="globalData.themeColor" bar-width="32" bar-height="6" @change="handleUpdateTab" :gutter="50" font-size="32" duration="0.05" height="76"></u-tabs>
 					</view>
@@ -298,6 +352,7 @@
 				</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' : ''">
@@ -1599,6 +1654,27 @@ export default {
 		image {
 			border-radius: 4px !important;
 		}
+		.swiper {
+		      // 为最后一个视频项目添加特殊处理
+		      swiper-item:last-child {
+		        .videoContainer {
+		          // 确保视频容器不会被裁剪
+		          overflow: visible !important;
+		          
+		          .theVideo {
+		            // 确保视频元素能够完整显示
+		            width: 100%;
+		            height: 100%;
+		          }
+		          
+		          .shareVideo {
+		            // 调整分享按钮位置，确保不会遮挡视频
+		            right: 10px;
+		            bottom: 10px;
+		          }
+		        }
+		      }
+		    }
 	}
 	.m-state {
 		position: fixed;