Forráskód Böngészése

得分弹窗样式修改

tanxue 4 hónapja
szülő
commit
e49b0a10b8

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

@@ -500,6 +500,14 @@
 	}
 }
 
+// 岛弹窗
+.dao-popup-box{
+	width: 100%;height: 865rpx;
+	@include ezy-no-repeat-cover;
+	background-image: url("@/static/images/study/dao-box-bj.png");
+	box-sizing: border-box;padding: 64rpx 36rpx 0;
+}
+
 //目录页
 .ezy-catalogue-dialog{
 	width: 663rpx;height: 1038rpx;padding: 180rpx 52rpx 60rpx;box-sizing: border-box;position: relative;
@@ -624,11 +632,12 @@
 
 // 得分页
 .exam-score-dialog{
-	width: 750rpx;height: 1250rpx;margin-bottom: 24%;position: relative;
-	@include ezy-no-repeat-cover;
+	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;}
 	.score-content-box{
-		position: absolute;top: 700rpx;left: 200rpx;word-spacing: 18rpx;
-		font-size: 38rpx;font-weight: 800; color: #000;
+		position: absolute;top: 690rpx;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;}
 		.right-icon{background-image: url("@/static/images/exam/score-right-icon.png");}
@@ -648,11 +657,11 @@
 }
 
 .score-study-dialog{
-	background-image: url("@/static/images/exam/score-bj.gif");
+	.exam-score-img{background-image: url("@/static/images/exam/score-bj.gif");}
 	.score-btn-box{bottom: 0;}
 }
 .score-finish-dialog{
-	background-image: url("@/static/images/exam/score-finish-bj.gif");
+	.exam-score-img{background-image: url("@/static/images/exam/score-finish-bj.gif");}
 	.score-btn-box{bottom: 220rpx;}
 }
 

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

@@ -2,16 +2,18 @@
 	<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="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 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>
-				<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-finish-bj.gif