JLBA202505130001_关于吉林银行新建AI智能培训系统的需求_fix: 图片样式调整

src/pages/course/components/talkingItem.vue

@@ -61,7 +61,7 @@
 				<!-- <RadioSubjectRequest v-if="[8].indexOf(type) >= 0 && dataInfo.qnsTyp !== 'ES'" :item="dataInfo" :mode="mode" @subject_click="subject_click" /> -->
 				<!-- 段落图片视频预览 -->
 				<view v-if="type === 3" style="overflow: hidden;padding-top: 10rpx;">
-					<ImagePreview class="cont-img-box" v-for="item in (dataInfo.imageAddrs || []) "
+					<ImagePreview :class="['cont-img-box',imgAddrs.length === 1?'cont-video-box':imgAddrs.length === 2?'cont-img-box2':'']" v-for="item in imgAddrs "
 						:imgId="item" :previewDetail="false" @click="previewImage(item)"></ImagePreview>
 					<VideoPreview class="cont-img-box cont-video-box" v-if="(dataInfo.vidoAddrs || []).length > 0"
 						:fileId="dataInfo.vidoAddrs[0].vidAddr"
@@ -328,7 +328,11 @@
 		};
 	});
 	const mode = ref('study'); // 考试 examination 练习practice 学习study
-
+	
+	const imgAddrs = computed(()=>{
+		return (dataInfo.value.imageAddrs || [])
+	})
+	
 	const previewFile = info => {
 		previewFileFnc({
 			fileId: info.fileId,
@@ -953,6 +957,13 @@
 					&:nth-child(3n){
 						margin-right: 0;
 					}
+					&.cont-img-box2{
+						width: calc(50% - 10rpx);
+						height: 200rpx;
+						&:nth-child(2n){
+							margin-right: 0rpx;
+						}
+					}
 				}
 			}