浏览代码

课程得分页面

tanxue 7 月之前
父节点
当前提交
245679dfbd
共有 2 个文件被更改,包括 28 次插入12 次删除
  1. 21 4
      common/styles/global/pages.scss
  2. 7 8
      pages/study/lookShipin.vue

+ 21 - 4
common/styles/global/pages.scss

@@ -468,7 +468,7 @@
 		box-sizing: border-box;padding: 18rpx;
 		.spjj-video{
 			width: 100%;height: 100%!important;
-			.prism-big-play-btn{top: 50%;left: 50%!important;transform: translate(-50%, -50%);}
+			.prism-big-play-btn{top: 50%;left: 50%!important;transform: translate(-50%, -50%);z-index: 20;}
 		}
 	}
 }
@@ -480,8 +480,7 @@
 	@include ezy-no-repeat-cover(bottom);background-image: url("@/static/images/exam/exam-shiti-bj.png");
 	.course-video-box{
 		width: 100%;height: 400rpx!important;flex-shrink: 0;position: relative;
-		.prism-big-play-btn{top: 50%;left: 50%!important;transform: translate(-50%, -50%);
-		}
+		.prism-big-play-btn{top: 50%;left: 50%!important;transform: translate(-50%, -50%);z-index: 20;}
 	}
 	.course-content-border{
 		width: 100%;display: flex;flex: 1;position: relative;
@@ -504,8 +503,26 @@
 		.content-kcwz{font-size: 28rpx;margin-top: 16rpx;}
 	}
 }	
+
+// 课程得分页面
+.course-score-dialog{
+	width: 750rpx;height: 1250rpx;@include ezy-no-repeat-cover;
+	background-image: url("@/static/images/course/video-score-bj.png");
+	margin-bottom: 20%;position: relative;
+	.text-score{
+			width: 220rpx;font-size: 100rpx;weight: 800;color: #ff6701;
+			-webkit-text-stroke: 0.6rpx #fff;text-stroke: 0.6rpx #fff;
+			margin: 110rpx 0 0 160rpx;text-align: right;position: absolute;
+			bottom: 230rpx;left: 0;
+	}
+	.return-btn,.continue-btn{width: 115.38rpx;height: 135rpx;@include ezy-no-repeat-cover;margin: 0 36rpx;}
+	.course-btn-box{position: absolute;bottom: 0;display: flex;left: 50%;transform: translateX(-50%);}
+	.return-btn{background-image: url("@/static/images/course/fh-btn.png");}
+	.continue-btn{background-image: url("@/static/images/course/jx-btn.png");}
+	@media (max-height: 600px) {margin-bottom: 40%;}
+}
 	
-	// height:$titleBar-tabBar-page;
+// height:$titleBar-tabBar-page;
 .lli-develop-expect-page{
 	display: flex;flex-direction: column;justify-content: space-between;align-items: center;
 	position: relative;padding: 24px 0 0;box-sizing: border-box;

+ 7 - 8
pages/study/lookShipin.vue

@@ -22,14 +22,11 @@
 		</view>
 		<uni-popup ref="popupRef" :animation="false" :is-mask-click="false"
 		 mask-background-color="rgba(255, 255, 255, 0.6);">
-			<view class="exam-score-dialog">
-				<view class="score-content-box">
-					<view>答对:<text class="text-red">{{data.right}}</text>题  答错:<text class="text-red">{{data.wrong}}</text>题</view>
-					<view class="text-score">{{data.jifen}}</view>
-				</view>
-				<view class="score-btn-box">
-					<view @click="checkAnswer" class="ckst-btn"></view>
-					<view @click="goStudyContinue" class="jxxx-btn"></view>
+			<view class="course-score-dialog">
+				<view class="text-score">20</view>
+				<view class="course-btn-box">
+					<view class="return-btn"></view>
+					<view class="continue-btn"></view>
 				</view>
 			</view>
 		</uni-popup>
@@ -39,6 +36,7 @@
 </template>
 
 <script>
+	import { ref } from 'vue';
 	import {
 		onLoad,
 		onReady
@@ -81,6 +79,7 @@
 				this.seekTime = data.offset
 			},
 			goUpPage(){
+				// this.$refs.popupRef.open();
 				uni.navigateTo({
 				//	url: `/pages/study/index?xueqi=${data.activeXueqi}&nianji=${data.activeNianji}&flag=selectGrades`
 					url: `/pages/study/index?xueqi=${this.pageData.xueqi}&nianji=${this.pageData.nianji}&zhangId=${this.pageData.zhangId}`