科普答题

common/http.interceptor.js

@@ -49,6 +49,7 @@ const install = (Vue, vm) => {
 						icon: "none",
 						title: res?.data?.errmsg
 					})
+					return res.data
 				}
 				return false;
 			} else {

pages/answer/index.vue

@@ -48,7 +48,7 @@
 					</view>
 					<view class='answercheck'
 						v-for="(ans,ansindex) in question_list[questionIndex]?question_list[questionIndex].options:[]"
-						:key="ansindex">
+						:key="`${questionIndex}-${ans.id || ansindex}`">
 						<view 
 							@click="chooseAnswer(ans,ansindex)"
 							:class="['answeritem-wrapper', {'active':ans.flag}, {'correct':ans.isanswer}, {'wrong':ans.iswrong}]">
@@ -374,6 +374,11 @@
 						})
 					}
 					
+					// 强制更新视图，确保选项正确渲染
+					that.$nextTick(() => {
+						that.$forceUpdate()
+					})
+					
 					// 重置倒计时
 					that.resetTimer()
 					if (that.questionIndex >= 4) {
@@ -453,6 +458,11 @@
 							})
 						}
 						
+						// 强制更新视图，确保选项正确渲染
+						that.$nextTick(() => {
+							that.$forceUpdate()
+						})
+						
 						// 重置倒计时
 						that.resetTimer()
 						
@@ -680,15 +690,20 @@
 	.answercheck {
 		padding: 30rpx;
 		padding-top: 0rpx;
+		
+		&:last-child .answeritem-wrapper {
+			margin-bottom: 0;
+		}
 	}
 
 	.answeritem-wrapper {
-		// margin-bottom: 20rpx;
+		margin-bottom: 20rpx;
 		border-radius: 100rpx;
 		padding: 4rpx 20rpx;
 		background-color: #fff;
 		border: 4rpx solid transparent;
-		transition: all 0.3s;
+		transition: border-color 0.3s, background-color 0.3s;
+		box-sizing: border-box;
 	}
 
 	.answeritem-wrapper.active {