Browse Source

样式优化

tanxue 4 months ago
parent
commit
4a3f63ad7d
1 changed files with 7 additions and 32 deletions
  1. 7 32
      common/styles/global/pages.scss

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

@@ -362,10 +362,10 @@
 	@media (max-height: 700px) {
 		min-height: 1260rpx;
 		//0.88
-		.ezy-study-wrap{width: 630rpx;height: 1198rpx;}
+		.ezy-study-wrap{width: 645rpx;height: 1198rpx;}
 		.animal-img{left: 280rpx;top: 240rpx;}
-		.chapter-box{top:110rpx;left:260rpx;}
-		.chapter-title-box{width: 280rpx;height: 66rpx;top:150rpx;left:195rpx;}
+		.chapter-box{top:110rpx;left:266rpx;}
+		.chapter-title-box{width: 286rpx;height: 66rpx;top:150rpx;left:200rpx;}
 		.chapter-middle-title-box{line-height: 2.2;}
 		.chapter-big-title-box{line-height: 1.2;}
 		.small-brand-item:nth-child(1){top:260rpx;right:50rpx;}
@@ -702,21 +702,6 @@
 		}
 		
 	}
-	.spjj-video-box{
-		width: 606rpx;height: 394rpx;@include ezy-no-repeat-cover;margin: 0 auto 42rpx;
-		background-image: url("@/static/images/exam/video-frame-bj.png");position: relative;
-		box-sizing: border-box;padding: 18rpx;
-		.spjj-video{
-			width: 100%;height: 100%!important;
-			.prism-big-play-btn{
-				width: 87rpx;height: 87rpx;@include ezy-no-repeat-cover;background-image: url("@/static/images/course/video-play-btn.png");
-				top: 50%;left: 50%!important;transform: translate(-50%, -50%);z-index: 20;
-				.outter{border: 0;}
-				}
-			.prism-info-display{display: none;}
-			.prism-time-display .time-bound,.prism-time-display .duration{color: #fff;}
-		}
-	}
 }
 
 // 课程页面
@@ -724,23 +709,13 @@
 	width: 100%;height: 100vh;background-color: #0ab2f0;position: relative;
 	padding-top:var(--status-bar-height);display: flex;flex-direction: column;
 	@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;
-		background-color: transparent;
-		.prism-big-play-btn{
-			width: 87rpx;height: 87rpx;@include ezy-no-repeat-cover;background-image: url("@/static/images/course/video-play-btn.png");
-			top: 50%;left: 50%!important;transform: translate(-50%, -50%);z-index: 20;
-			.outter{border: 0;}
-			}
-		.prism-info-display{display: none;}
-		.prism-time-display .time-bound,.prism-time-display .duration{color: #fff;}
-	}
+	.course-video-box{width: 720rpx;height: 466rpx;padding: 28rpx 30rpx 36rpx;margin: 0 auto 6rpx;}
 	.course-content-border{
-		width: 100%;display: flex;flex: 1;position: relative;
-		background-color: rgba(255, 255, 255, 0.6);overflow-y: auto;
+		display: flex;flex: 1;position: relative;margin: 0 30rpx;
+		background-color: rgba(255, 255, 255, 0.3);overflow-y: auto;
 	}
 	.course-content-box{
-		flex: 1;margin: 20rpx 20rpx 0;background-color: #fff;overflow-y: auto;
+		flex: 1;margin: 20rpx 20rpx 0;background-color: rgba(255, 255, 255, 0.5);;overflow-y: auto;
 		box-sizing: border-box;padding: 42rpx 24rpx;
 	}
 	.course-content-item{