斜塘答题

xietang-answer-h5/pages/answer/index.vue

@@ -34,34 +34,38 @@
 		<view class="bottom"></view>
 		<view class="answertip" v-if="showAnswer" :style="{'height':maskHeight}">
 			<view class="answer100 answertipitem">
-				<view :class="correctScore<100?'ansicon80':'ansicon'">
-					<u-image v-if="correctScore==100" :fade="false" :src="ansicon100" width="120rpx" height="231rpx"></u-image>
+				<view :class="correctScore<70?'ansicon80':'ansicon'">
+					<!-- <u-image v-if="correctScore==100" :fade="false" :src="ansicon100" width="120rpx" height="231rpx"></u-image> -->
+					<u-image v-if="correctScore>=70" :fade="false" :src="ansicongood" width="142rpx" height="132rpx"></u-image>
+					
 					<u-image v-else :fade="false" :src="ansicon80" width="168rpx" height="202rpx"></u-image>
 				</view>
-				<view :class="correctScore==100&&answercount>0?'answrap answrap100':'answrap'">
+				<view :class="correctScore>=70&&answercount>0?'answrap answrap100':'answrap'">
 					<view class="ansscore">
-						<!-- 第一次答题 -->
-						<view v-if="answercount===0">
-							<view style="padding-top:30rpx"><span class="ansfont">{{correctScore}}</span>分</view>
-							<view v-if="correctScore<100">再接再励</view>
+						<!-- 第一次答题 不是最后一次答题-->
+						<view v-if="answercount<=maxCount-1">
+							<view style="padding-top:10rpx">本次共答对<span style="color:#d22425">{{correctNum}}</span>题</view>
+							<view><span class="ansfont">{{correctScore}}</span>分</view>
+							<view v-if="correctScore<70">再接再励</view>
+							<view v-else>本次得分</view>
 						</view>
 						<!-- 第二次答题 -->
-						<view v-else>
-							<view :style="correctScore<100?'padding-top:30rpx':'padding-top:14rpx'">答题已结束，最高得分{{maxscore}}分</view>
+						<!-- <view v-else>
+							<view :style="correctScore<=70?'padding-top:30rpx':'padding-top:14rpx'">本次共答对<span style="color:#d22425">{{correctNum}}</span>题</view>
 							<view><span class="ansfont">{{correctScore}}</span>分</view>
 							<view style="margin-top:-20rpx">本次得分</view>
-						</view>
+						</view> -->
 						
 					</view>
 					<view class='ansflag' v-if="correctScore==100"></view>
-					<!-- 第一次答题 -->
-					<view class="answerBtn" v-if="answercount===0">
+					<!-- 不是最后一次答题-->
+					<view class="answerBtn" v-if="answercount<maxCount-1">
 						<view  v-if="correctScore==100" @click="toCer">生成证书</view>
 						<view @click="endAnswer" v-if="correctScore<100">结束答题</view>
 						<view @click="againAnswer">再来一次</view>
 					</view>
-					<!-- 第二次答题 -->
-					<view class="answerBtn" v-else>
+					<!-- 最后一次答题 -->
+					<view class="answerBtn" v-if="answercount==maxCount-1">
 						<view style="width:45%" v-if="correctScore==100" @click="toCer">生成证书</view>
 						<view style="width:45%" @click="endAnswer" v-else>结束答题</view>
 					</view>
@@ -93,13 +97,14 @@
 				maxCount:2,
 				answerNum:["A","B","C","D","E","F","G","H"],
 				myAnswer:[],
-				correctNum:0, // 错误的题目数量
+				correctNum:0, // 答对的题目数量
 				correctScore:0, // 得分
 				correctAnswer:'', // 正确答案
 				answerSubmit:false, // 最后一题
 				hasFlag:false,// 是否选中
 				showAnswer:false,
 				ansicon100:require('../../static/answer100icon.png'),
+				ansicongood:require('../../static/answergood.png'),
 				ansicon80:require('../../static/answer80icon.png'),
 				timeicon:require('../../static/time.png'),
 				maskHeight:0,
@@ -244,6 +249,7 @@
 							count++
 						}
 					})
+					this.correctNum = count
 					this.correctScore = (count/10)*100
 				}else{
 					this.correctScore = 0
@@ -300,7 +306,6 @@
 					}
 					
 				})
-				count>0?this.correctNum++:""
 				this.myAnswer.push({
 					question_id:this.question_list[this.questionIndex]['id'],
 					answer_ids:ansid.join("|"),
@@ -543,7 +548,7 @@
 		height:164rpx;
 		background-size: 100% 100%;
 		position: absolute;
-		top: 230rpx;
+		top: 240rpx;
 		left: -56rpx;
 	}
 	.answrap100 .ansflag{
@@ -552,8 +557,8 @@
 	
 	.ansicon{
 		position: absolute;
-		left: 230rpx;
-		top: -106rpx;
+		left: 235rpx;
+		top: -20rpx;
 	}
 	.ansicon80{
 		position: absolute;

xietang-answer-h5/unpackage/dist/build/h5/index.html

@@ -0,0 +1,2 @@
+<!DOCTYPE html><html lang=zh-CN><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><title>百步芳草 与理同行</title><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
+            document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/h5xtdt/static/index.2da1efab.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/h5xtdt/static/js/chunk-vendors.1e1087a7.js></script><script src=/h5xtdt/static/js/index.b0f38c04.js></script></body></html>