tanxue 4 hónapja
szülő
commit
10092d0eb0

+ 32 - 15
common/styles/global/pages.scss

@@ -636,11 +636,10 @@
 
 // 得分页
 .exam-score-dialog{
-	width: 750rpx;height: 1154rpx;margin-bottom: 30%;position: relative;
-	@include ezy-no-repeat-cover;background-image: url("@/static/images/exam/score-dialog-bj.png");
-	.exam-score-img{width: 750rpx;height: 1154rpx;@include ezy-no-repeat-cover;left:-16rpx;top:10rpx;position: absolute;}
+	width: 750rpx;height: 962rpx;margin-bottom: 30%;position: relative;
+	@include ezy-no-repeat-cover;
 	.score-content-box{
-		position: absolute;top: 690rpx;left: 200rpx;word-spacing: 18rpx;
+		position: absolute;top: 565rpx;left: 200rpx;word-spacing: 18rpx;
 		font-size: 38rpx;font-weight: 800; color: #000;@include ezy-no-repeat-cover;
 		icon{width: 48rpx;height: 48rpx;@include ezy-no-repeat-cover;margin: 0 6rpx;}
 		.right-error-row{display: flex;align-items: center;}
@@ -648,25 +647,43 @@
 		.error-icon{background-image: url("@/static/images/exam/score-error-icon.png");margin-left:56rpx;}
 		.text-red{color: #ff6500;margin: 0 8rpx;}
 		.text-score{
-			width: 160rpx;font-size: 82rpx;font-weight: 800;color: #ff6701;
+			width: 160rpx;font-weight: 800;font-size: 80rpx;color: #ff6701;
 			-webkit-text-stroke: 0.6rpx #fff;text-stroke: 0.6rpx #fff;
-			margin: 110rpx 0 0 160rpx;text-align: center;}
+			text-align: center; animation: fadeIn 3s linear forwards;}
+		@keyframes fadeIn {
+			 0% { opacity: 0;}
+			 60% { opacity: 0;}
+			 100% { opacity: 1;} 
+		 /* from { opacity: 0;}
+		  to {opacity: 1;} */
+		}
 	}
 	.ckst-btn,.jxxx-btn{width: 115rpx;height: 135rpx;@include ezy-no-repeat-cover;margin: 0 36rpx;}
 	.score-btn-box{position: absolute;bottom: 0;display: flex;left: 50%;transform: translateX(-50%);}
 	.ckst-btn{background-image: url("@/static/images/exam/ckst-btn.png");}
 	.jxxx-btn{background-image: url("@/static/images/exam/jxxx-btn.png");}
-	@media (max-height: 700px) {zoom: 0.9;}
-	@media (max-height: 600px) {margin-bottom: 40%;}
 }
-
-.score-study-dialog{
-	.exam-score-img{background-image: url("@/static/images/exam/score-bj.gif");}
-	.score-btn-box{bottom: 0;}
+// 高兴鹅
+.score-happy-study-dialog{
+	background-image: url("@/static/images/exam/score-right-bj.gif");
+	.score-btn-box{bottom: -80rpx;}
+	.text-score{margin: 120rpx 0 0 160rpx;}
+}
+// 沮丧鹅
+.score-unhappy-study-dialog{
+	background-image: url("@/static/images/exam/score-error-bj.gif");
+	.score-btn-box{bottom: -60rpx;}
+	.text-score{margin: 108rpx 0 0 160rpx;}
+}
+// 完成-高兴鹅
+.score-finish-happy-study-dialog{
+	background-image: url("@/static/images/exam/score-right-finish-bj.gif");
+	.score-btn-box{bottom: 120rpx;}
 }
-.score-finish-dialog{
-	.exam-score-img{background-image: url("@/static/images/exam/score-finish-bj.gif");}
-	.score-btn-box{bottom: 220rpx;}
+// 完成-沮丧鹅
+.score-finish-unhappy-study-dialog{
+	background-image: url("@/static/images/exam/score-error-finish-bj.gif");
+	.score-btn-box{bottom: 120rpx;}
 }
 
 // 答案解析

+ 9 - 11
components/points/uni-points.vue

@@ -2,18 +2,16 @@
 	<uni-popup ref="popupRef" :animation="false" :is-mask-click="false"
 	 mask-background-color="rgba(51, 137, 217, 0.65);">
 		<view class="exam-score-dialog" :class="getDialogClass()">
-			<view class="exam-score-img">
-				<view class="score-content-box">
-					<view class="right-error-row">
-						<icon class="right-icon"></icon><text class="text-red">{{data.right}}</text>题
-						<icon class="error-icon"></icon><text class="text-red">{{data.wrong}}</text>题
-					</view>
-					<view class="text-score" v-if="!studyFlag">{{data.jifen}}</view>
-				</view>
-				<view class="score-btn-box">
-					<view @click="checkAnswer" class="ckst-btn"></view>
-					<view @click="goStudyContinue"  class="jxxx-btn" v-if="isLastZhang"></view>
+			<view class="score-content-box">
+				<view class="right-error-row">
+					<icon class="right-icon"></icon><text class="text-red">{{data.right}}</text>题
+					<icon class="error-icon"></icon><text class="text-red">{{data.wrong}}</text>题
 				</view>
+				<view class="text-score" v-if="!studyFlag">{{data.jifen}}</view>
+			</view>
+			<view class="score-btn-box">
+				<view @click="checkAnswer" class="ckst-btn"></view>
+				<view @click="goStudyContinue"  class="jxxx-btn" v-if="isLastZhang"></view>
 			</view>
 		</view>
 	</uni-popup>

BIN
static/images/exam/score-bj.gif


BIN
static/images/exam/score-dialog-bj.png


BIN
static/images/exam/score-finish-bj.gif