27

pages/conversation/chating/components/MessageItem/VideoMessageRender.vue

@@ -1,14 +1,13 @@
 <template>
 	<view>
-		<view class="video_message_container" @click="clickMediaItem">
+		<view class="video_message_container">
 			<u--image 
 				:showLoading="true" 
 				:src="src"
 				:width="imgWidth" 
 				:height="maxHeight" 
 				mode="widthFix" 
-					@load="onLoaded" 
-					@click="clickMediaItem">
+					@load="onLoaded" >
 				<template v-slot:loading>
 					<u-loading-icon color="red"></u-loading-icon>
 				</template>
@@ -21,8 +20,8 @@
                     </view>
                     <text class="progress-text">{{ videoDownloadProgress }}%</text>
                 </view>
-				<u-icon v-else-if="videoExists" class="play_icon" name="play-circle" size="48" color="#fff"></u-icon>
-				<uni-icons v-else class="play_icon" type="cloud-download" size="48" color="#fff"></uni-icons>
+				<u-icon v-else-if="videoExists" class="play_icon" name="play-circle" size="48" color="#ccc"></u-icon>
+				<uni-icons v-else class="play_icon" type="cloud-download" size="48" color="#ccc"></uni-icons>
             </view>
 		</view>
 		<!-- 视频播放器组件 -->
@@ -116,23 +115,17 @@
         },
 		methods: {
 			async init(){
-				const self = this;
+				const _this = this;
 				console.log(this.message?.videoElem,this.conversationID);
 				const snapshotUrl = this.message?.videoElem?.snapshotUrl;
-				self.coverDownloading = true;
+				_this.coverDownloading = true;
 				//console.log(snapshotUrl);
 				util.cacheFile(snapshotUrl,`${this.conversationID}`).then((fn)=>{
-					self.coverDownloading = false;
-					self.src = fn;
+					_this.coverDownloading = false;
+					_this.src = fn;
 					//console.log(fn);
 				});
-			},
-			clickMediaItem() {
-				uni.previewImage({
-					current: 0,
-					urls: [this.message.videoElem?.snapshotUrl],
-					indicator: "none",
-				});
+				_this.videoExists = util.fileExsit(util.getCachePath(_this.message?.videoElem?.videoUrl,`${_this.conversationID}`));
 			},
 			async onLoaded() {
 				this.loadingWidth = "auto";