feat: 在搜索页面添加视频播放功能，优化卡片点击事件，更新图片路径

pages/search/search.vue

@@ -41,8 +41,8 @@
 			</view>
 			<view v-if="step !== 1 && tabIndex === 'content'" class="bgbox">
 			<view  class="cardbox">
-				<view @tap="jumpLink(item.link)" class="card" v-for="(item, index) in resultList[tabIndex]" :key="index">
-					<image mode="aspectFill" class="pic" :src="$baseUrl + item.img"></image>
+				<view @tap="jumpLink(item.link,item.videoUrl)" class="card" v-for="(item, index) in resultList[tabIndex]" :key="index">
+					<image mode="aspectFill" class="pic" :src="$baseUrl + item.bgUrl"></image>
 					<view class="desc">
 						{{ item.desc }}
 					</view>
@@ -52,7 +52,7 @@
 		</view>
 			<view  v-if="step !== 1 && tabIndex === 'tool'" class="bgbox">
 				<view class="cardboxtool">
-				<view @tap="jumpLink(item.link)" class="card" v-for="(item, index) in resultList[tabIndex]" :key="index">
+				<view @tap="jumpLink(item.link,item.videoUrl)" class="card" v-for="(item, index) in resultList[tabIndex]" :key="index">
 					<image class="pic" :src="$baseUrl + item.bgUrl"></image>
 					<!-- <view class="desc">
 						{{ item.desc }}
@@ -61,10 +61,12 @@
 			</view>
 			</view>
 
-
 		</view>
 
-
+		<view v-if="showVideo" class="video-popup">
+			<video :src="currentVideoUrl" controls autoplay style="width: 100vw; height: 56vw;"></video>
+			<view class="close-btn-bottom" @tap="closeVideo">×</view>
+		</view>
 	</view>
 </template>
 
@@ -85,7 +87,9 @@ export default {
 			step: 1,
 			resultList: { 'tool': [], 'content': [], 'product': [] },
 			tabIndex: 'content',
-			searchValue: ''
+			searchValue: '',
+			currentVideoUrl:'',
+			showVideo:false
 		}
 	},
 	mounted() {
@@ -135,7 +139,13 @@ export default {
 				
 			});
 		},
-		jumpLink(link){
+		jumpLink(link,videoUrl){
+			if(videoUrl){
+				this.currentVideoUrl = videoUrl;
+				this.showVideo = true;
+				return;
+				
+			}
 			if(!link || link === ''){
 				return;
 			}
@@ -144,7 +154,12 @@ export default {
 			}else{
 				jump(link);
 			}
+		},
+		closeVideo(){
+			this.showVideo = false;
+			this.currentVideoUrl = '';
 		}
+		
 	}
 }
 </script>
@@ -162,7 +177,35 @@ export default {
 .container {
 	background-color: @color-gray-light;
 	min-height: 100vh;
+	.video-popup {
+		position: fixed;
+		left: 0;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		background: rgba(0, 0, 0, 0.7);
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		z-index: 9999;
+	}
 
+	.close-btn-bottom {
+		margin: 32rpx auto 0 auto;
+		width: 64rpx;
+		height: 64rpx;
+		border-radius: 50%;
+		background: rgba(0, 0, 0, 0.5);
+		color: #fff;
+		font-size: 44rpx;
+		line-height: 64rpx;
+		text-align: center;
+		z-index: 10001;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
 	.tabbox {
 		width: 600rpx;
 		margin: 0 auto;