验证玩pk上传

src/components/examination/subject.vue

@@ -110,7 +110,7 @@
 						<view class="reference_answer_title">参考答案：</view>
 						{{ subject_data.itemVos[0]?.itemAnswer ?? '' }}
 					</view>
-					<view class="analysis_note">试题解析：{{ subject_data?.analyContent }}</view>
+					<view class="analysis_note" v-if="props.mode !== 'pk_in'">试题解析：{{ subject_data?.analyContent }}</view>
 				</view>
 			</view>
 		</view>

src/components/points-and-badge/badge.vue

@@ -1,6 +1,6 @@
 <template>
-	<view class="">
-		<uni-popup ref="popup">
+	<view class="" style="background-color: aqua;">
+		<uni-popup ref="popup" background-color="rgba(10,10,10, 0.8)" >
 			<view class="popup-content" @touchmove.stop>
 				<view class="fl1"></view>
 				<view class="max-div">
@@ -20,14 +20,11 @@
 						</view>
 						<swiper class="swiper">
 							<swiper-item class="swiper-item-div">
-							
-									<image src="@/static/images/test/xz2.jpg" class="img" ></image>
-						
+								<image src="@/static/images/test/xz.png" class="img"></image>
 							</swiper-item>
 							<swiper-item class="swiper-item-div">
-									<image src="@/static/images/test/xz2.jpg" class="img"></image>
-									<!-- // <image-preview :src="item.imgAddr" class="img" mode="widthFix"></image-preview> -->
-								
+								<image src="@/static/images/test/xz.png" class="img"></image>
+								<!-- // <image-preview :src="item.imgAddr" class="img" mode="widthFix"></image-preview> -->
 							</swiper-item>
 						</swiper>
 						<view class="doct_icon" @click="doct_click(1)">
@@ -64,7 +61,7 @@
 	import { optionErrorIcon, optionSuccessIcon } from '@/common/imgSvg';
 	import { addPointsByCheckIn, queryCheckIn } from '@/api/pointsAndRank.js';
 	import common from '@/common/common';
-	import {arrowRightIcon} from '@/common/imgSvg'
+	import { arrowRightIcon } from '@/common/imgSvg';
 	const popup = ref(null);
 	const nowImgSrc = ref('');
 	const badgesList = ref([]);
@@ -97,22 +94,31 @@
 
 <style scoped lang="scss">
 	.points-div {
-		width: 100%;
+		// width: 100%;
 		display: flex;
 		position: relative;
 		align-items: center;
 		justify-content: center;
 		.swiper {
-			flex: 1;
 			height: 400rpx;
+			width: 520rpx;
 			.swiper-item-div {
-				// background-color: firebrick;
+				/* 父容器只需居中对齐，无需设置背景图 */
 				display: flex;
 				align-items: center;
 				justify-content: center;
+				width: 100%;
+				height: 100%;
+				background-image: url('@/static/images/pointsAndRank/fs.png');
+				background-size: 110% 110%; /* 背景图比img大10% */
+				background-position: center; /* 背景图居中 */
+				background-repeat: no-repeat; /* 禁止背景图重复 */
+
 				.img {
-					width: 384rpx;
-					height: 340rpx;
+					/* 1. 缩放img（根据需要调整宽高，这里缩到原来的80%左右示例） */
+					width: 300rpx;
+					height: 270rpx;
+					transform: scale(0.8);
 				}
 			}
 		}
@@ -125,7 +131,7 @@
 				align-items: center;
 				justify-content: center;
 			}
-			.left{
+			.left {
 				transform: rotate(180deg);
 			}
 			width: 8vw;
@@ -183,7 +189,7 @@
 		.title {
 			font-family: AlimamaShuHeiTi, AlimamaShuHeiTi;
 			font-weight: bold;
-			font-size: 46rpx;
+			font-size: 36rpx;
 			color: #d88f50;
 			margin: 0rpx 30rpx;
 			text-align: center;
@@ -203,19 +209,22 @@
 	}
 
 	.popup-content {
-		width: 100%;
+		width: 100vw;
 		height: 100vh;
+		z-index: 99999;
 		display: flex;
 		flex-direction: column;
 		align-items: center;
-		padding: 40rpx 0;
+		// padding: 40rpx 0;
+		
 	}
 	.max-div {
-		width: 80vw;
+		// 	max-width: 400rpx;
+		// width: 80vw;
 		background-color: #fefbfa;
 		border-radius: 38rpx;
 		position: relative;
-		padding: 26rpx;
+		// padding: 26rpx;
 		overflow: hidden;
 		margin-top: var(--status-bar-height);
 		margin-bottom: 120rpx;