From 4a8fe6688830f0d23a37088fafd9558537d5dc9f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E8=88=AA?= <icho.yang@scai-global.com>
Date: Sun, 28 Sep 2025 16:30:46 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9B=20=E5=9B=BE=E7=89=87=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E9=97=AE=E9=A2=98=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/image-preview/image-preview.vue  | 2 +-
 src/components/image-preview/preview-detail.vue | 9 ++++++---
 src/pages/course/study.vue                      | 1 -
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/image-preview/image-preview.vue b/src/components/image-preview/image-preview.vue
index 353f5dcf..78b1d6c6 100644
--- a/src/components/image-preview/image-preview.vue
+++ b/src/components/image-preview/image-preview.vue
@@ -3,7 +3,7 @@
 		<image :src="imgUrlShow" :mode="mode" @click="showDetail" style="width: 100%; height: 100%"></image>
 		<uni-popup ref="PopupRef" class="popup" mask-background-color="rgba(0,0,0,.2)" background-color="rgba(0,0,0,.2)" @change="changeShow">
 			<view class="overlay-box" @click="closePopup"  @touchmove.stop>
-				<image class="detail-img" :src="imgUrlShow" :mode="mode"></image>
+				<image class="detail-img" :src="imgUrlShow" mode="aspectFit"></image>
 			</view>
 		</uni-popup>
 	</view>
diff --git a/src/components/image-preview/preview-detail.vue b/src/components/image-preview/preview-detail.vue
index 970cd9e0..80ea81aa 100644
--- a/src/components/image-preview/preview-detail.vue
+++ b/src/components/image-preview/preview-detail.vue
@@ -12,7 +12,7 @@
 				 object-fit="contain"></video>
 		</view>
 		<view class="overlay-box" @click="playEnded"  @touchmove.stop v-if="fileType === 'image'">
-			<image class="detail-img" :src="fileUrlShow" mode="aspectFill"></image>
+			<image class="detail-img" :src="fileUrlShow" mode="aspectFit"></image>
 		</view>
 	</uni-popup>
 </template>
@@ -233,6 +233,9 @@
 		mounted() {
 			this.watching = true
 		},
+		beforeUnmount() {
+			this.playEnded()
+		}
 	}
 </script>
 
@@ -285,8 +288,8 @@
 				position: absolute;
 				left: 50%;
 				top: 50%;
-				width: 100vw;
-				max-height: 100%;
+				width: calc(100% - 40rpx);
+				height: calc(100% - 100rpx);
 				transform: translate(-50%, -50%);
 			}
 		}
diff --git a/src/pages/course/study.vue b/src/pages/course/study.vue
index 17bb4724..5c6c95fe 100644
--- a/src/pages/course/study.vue
+++ b/src/pages/course/study.vue
@@ -321,7 +321,6 @@
 	}
 	// 关闭播放状态
 	const changePlayItemId = (id = '') => {
-		console.log(id, 'id')
 		activeVoiceTalkingItemId.value = id
 		// if(activeVoiceTalkingItemId.value === id){
 		// 	activeVoiceTalkingItemId.value = ''