Browse Source

pad样式修改

tanxue 2 weeks ago
parent
commit
b864b9d36f

+ 22 - 22
common/styles/global/components.scss

@@ -227,8 +227,8 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 // 标题
 .ezy-shiti-title{
 	width: 208rpx;height: 91rpx;line-height: 91rpx;text-align: center;color: #fff;font-size: 32rpx;
-	background-image: url("@/static/images/exam/shiti-title.png");@include ezy-no-repeat-cover();
-	
+	background-image: url("@/static/images/common/exam/shiti-title.png");@include ezy-no-repeat-cover();
+
 	@include mediaSmall() {width: 135rpx;height: 59rpx;line-height: 59rpx;font-size: 22rpx;}
 	@include mediaBig() {width: 333rpx;height: 146rpx;line-height: 146rpx;font-size: 54rpx;}
 }
@@ -259,7 +259,7 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 	.danxuan-option-box.active .option-change{color: #FFF;background-color:#0589e9;border-color:#0589e9;}
 	.danxuan-option-box.showError .option-change{color: #FFF;background-color:#ff5757;border-color:#ff5757;}
 	.danxuan-option-box.active_right .option-change{color: #FFF;background-color:#1ac136;border-color:#1ac136;}
-	
+
 	@include mediaSmall() {
 			margin: 0 6rpx;
 			.danxuan-option-box{
@@ -268,7 +268,7 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 				.option-question{font-size: 20rpx;margin-left: 4rpx;}
 			}
 		}
-	
+
 		@include mediaBig() {
 			margin: 0 16rpx;
 			.danxuan-option-box{
@@ -287,30 +287,30 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 	}
 	.uni-radio-input{
 		width: 56rpx;height: 56rpx;border: 0;@include ezy-no-repeat-cover();
-		background-image: url("@/static/images/exam/option-bj.png");}
+		background-image: url("@/static/images/common/exam/option-bj.png");}
 	.option-question{display: flex;}
 	.option-question.active .uni-radio-input{
-		background-image: url("@/static/images/exam/option-active-img.png");
+		background-image: url("@/static/images/common/exam/option-active-img.png");
 		background-color: transparent!important;
 		svg{display: none;}
 	}
 	.option-question.showError .uni-radio-input{
-		background-image: url("@/static/images/exam/option-error-img.png");
+		background-image: url("@/static/images/common/exam/option-error-img.png");
 		background-color: transparent!important;
 		svg{display: none;}
 	}
 	.option-question.active_right .uni-radio-input{
-		background-image: url("@/static/images/exam/option-right-img.png");
+		background-image: url("@/static/images/common/exam/option-right-img.png");
 		background-color: transparent!important;
 		svg{display: none;}
 	}
-	
+
 	@include mediaSmall() {
 			margin: 0 6rpx;
 			.danxuan-option-box{line-height: 62rpx;margin-bottom: 13rpx;font-size: 20rpx;padding: 6rpx 16rpx;}
 			.uni-radio-input{width: 36rpx;height: 36rpx;}
 		}
-	
+
 	@include mediaBig() {
 		margin: 0 16rpx;
 		.danxuan-option-box{line-height: 154rpx;margin-bottom: 32rpx;font-size: 46rpx;padding: 16rpx 38rpx;}
@@ -327,14 +327,14 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 	.tiankong-input.active_right{color: green;}
 	.tk-input-box.showError::after{
 		content: '';width: 30rpx;height: 30rpx;display: block;position: absolute;top: -12rpx;right: -6rpx;
-		background-image: url("@/static/images/exam/option-error-img.png");@include ezy-no-repeat-cover;
+		background-image: url("@/static/images/common/exam/option-error-img.png");@include ezy-no-repeat-cover;
 	}
 	.tk-input-box.active_right::after{
 		content: '';width: 30rpx;height: 30rpx;display: block;position: absolute;top: -12rpx;right: -6rpx;
-		background-image: url("@/static/images/exam/option-right-img.png");@include ezy-no-repeat-cover;
+		background-image: url("@/static/images/common/exam/option-right-img.png");@include ezy-no-repeat-cover;
 	}
 	.ezy-shiti-question li{margin: 20rpx 0;}
-	
+
 	@include mediaSmall() {
 		margin: 0 6rpx;
 		.tiankong-input {width: 75rpx!important;height: 34rpx;border-radius: 5rpx;}
@@ -343,7 +343,7 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 		.tk-input-box.active_right::after{width: 20rpx;height: 20rpx;top: -8rpx;right: -4rpx;}
 		.ezy-shiti-question li{margin: 13rpx 0;}
 	}
-	
+
 	@include mediaBig() {
 		margin: 0 16rpx;
 		.tiankong-input {width: 186rpx!important;height: 83rpx;border-radius: 13rpx;}
@@ -377,7 +377,7 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 			.option-question{font-size: 20rpx;margin-left: 4rpx;}
 		}
 	}
-	
+
 	@include mediaBig() {
 		.yingyu-danxuan-option-box{
 			line-height: 154rpx;margin-bottom: 32rpx;font-size: 46rpx;padding: 16rpx 38rpx;
@@ -391,8 +391,8 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 	width: 48rpx;height: 48rpx;display: inline-block;margin: 0 24rpx 3rpx;
 	vertical-align: middle;@include ezy-no-repeat-cover();
 }
-.yingyu-canplay-img{background-image: url("@/static/images/exam/yingyu-canplay-img.png");}
-.yingyu-playing-img{background-image: url("@/static/images/exam/yingyu-playing-img.gif");}
+.yingyu-canplay-img{background-image: url("@/static/images/common/exam/yingyu-canplay-img.png");}
+.yingyu-playing-img{background-image: url("@/static/images/common/exam/yingyu-playing-img.gif");}
 
 /***** 试题白色的框 *****/
 .shiti-frame-box{
@@ -668,20 +668,20 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 		// 播放按钮动画
 		.play-apply-animation{animation:unset;}
 	}
-	
+
 	@include mediaSmall() {
 			width: 696rpx;height: 380rpx;margin: 0 auto 27rpx;
 			box-shadow: 0 0rpx 10rpx rgba(100, 159, 241, 0.2);
-	
+
 			.ezy-video{
 				.prism-big-play-btn{width: 57rpx;height: 57rpx;}
 			}
 		}
-	
+
 		@include mediaBig() {
 			width: 1940rpx;height: 1100rpx;margin: 0 auto 67rpx;
 			box-shadow: 0 0rpx 26rpx rgba(100, 159, 241, 0.2);
-	
+
 			.ezy-video{
 				.prism-big-play-btn{width: 139rpx;height: 139rpx;}
 			}
@@ -708,7 +708,7 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 		font-size: 22rpx;
 		icon{width: 142rpx;height: 156rpx;margin: 0 auto 21rpx;}
 	}
-	
+
 	@include mediaBig() {
 		font-size: 54rpx;
 		icon{width: 350rpx;height: 384rpx;margin: 0 auto 51rpx;}

+ 29 - 29
common/styles/global/pages.scss

@@ -2,23 +2,23 @@
 // 课程完成
 .course-finish-dialog{
 	width: 750rpx;height: 1250rpx;@include ezy-no-repeat-cover;
-	background-image: url("@/static/images/exam/video-finish-bj.png");
+	background-image: url("@/static/images/common/exam/video-finish-bj.png");
 	margin-bottom: 20%;position: relative;
 	.text-score{display: none;}
 	.return-btn,.continue-btn{width: 115.38rpx;height: 135rpx;@include ezy-no-repeat-cover;margin: 0 36rpx;}
 	.course-btn-box{position: absolute;bottom: 200rpx;display: flex;left: 50%;transform: translateX(-50%);}
-	.return-btn{background-image: url("@/static/images/exam/fh-btn.png");}
-	.continue-btn{background-image: url("@/static/images/exam/jx-btn.png");}
+	.return-btn{background-image: url("@/static/images/common/exam/fh-btn.png");}
+	.continue-btn{background-image: url("@/static/images/common/exam/jx-btn.png");}
 	@media (max-height: 600px) {margin-bottom: 40%;}
 	@include mediaSmall() {
 			width: 488rpx;height: 813rpx;margin:0 auto 20%;
 			.return-btn,.continue-btn{width: 75rpx;height: 88rpx;margin: 0 23rpx;}
 			.course-btn-box{bottom: 130rpx;}
 		}
-	
+
 	@include mediaBig() {
 		width: 1200rpx;height: 2000rpx;margin-bottom: 20%;
-		
+
 		.return-btn,.continue-btn{width: 185rpx;height: 216rpx;margin: 0 58rpx;}
 		.course-btn-box{bottom: 320rpx;}
 	}
@@ -342,7 +342,7 @@
 			flex-shrink: 0;margin-left: 16rpx;color: #fff;font-size: 34rpx;
 		}
 	}
-	
+
 	@include mediaSmall() {
 			.bind-tel-body{padding: 23rpx;}
 			.tel-input{
@@ -361,7 +361,7 @@
 			.bd-btn{width: 671rpx;height: 53rpx;line-height: 53rpx;font-size: 22rpx;font-weight: normal;margin: 55rpx auto 0;}
 			.login-btn-normal.bd-btn{background-image: url("@/static/images/pad/common/btn-bj.png");}
 		}
-	
+
 		@include mediaBig() {
 			.bind-tel-body{padding: 58rpx;}
 			.tel-input{
@@ -664,18 +664,18 @@
 		background-image: url("@/static/images/xuexi/dagang-img.png");
 		position: absolute;top: -138rpx;left: 0;z-index: 1;
 	}
-	
+
 	@include mediaSmall() {
 			border-radius: 10rpx 10rpx 0 0;
 			padding: 23rpx 0 78rpx;
-			
+
 			.xuexi-dagang-body{padding: 16rpx 0 0;}
 			.dagang-title{
 				font-size: 22rpx;margin: 16rpx auto 0;
 				icon{width: 65rpx;height: 65rpx;top: -39rpx;right: -13%;}
 				icon::after{width: 34rpx;height: 34rpx;}
 			}
-	
+
 			.dagang-xh-box{
 				width: 690rpx;margin: 42rpx auto 0;
 				.xh-title{font-size: 22rpx;margin-left: 4rpx;}
@@ -688,7 +688,7 @@
 					icon{width: 8rpx;height: 8rpx;margin: 14rpx 8rpx 0 0;}
 				}
 			}
-	
+
 			.dagang-content-box{
 				margin-top: 180rpx;
 				.dagang-content-title{font-size: 22rpx;margin-left: 23rpx;}
@@ -705,17 +705,17 @@
 			}
 			.dagang-content-box::before{width: 749rpx;height: 192rpx;top: -140rpx;}
 		}
-	
+
 		@include mediaBig() {
 			border-radius: 26rpx 26rpx 0 0;padding: 58rpx 0 192rpx;
-			
+
 			.xuexi-dagang-body{padding: 38rpx 0 0;}
 			.dagang-title{
 				font-size: 54rpx;margin: 38rpx auto 0;
 				icon{width: 160rpx;height: 160rpx;top: -96rpx;right: -13%;}
 				icon::after{width: 83rpx;height: 83rpx;}
 			}
-	
+
 			.dagang-xh-box{
 				width: 1940rpx;margin: 102rpx auto 0;
 				.xh-title{font-size: 54rpx;margin-left: 10rpx;}
@@ -728,7 +728,7 @@
 					icon{width: 21rpx;height: 21rpx;margin: 35rpx 19rpx 0 0;}
 				}
 			}
-	
+
 			.dagang-content-box{
 				margin-top: 320rpx;
 				.dagang-content-title{font-size: 54rpx;margin-left: 58rpx;}
@@ -1034,8 +1034,8 @@
 		.slfx-title,.spjj-title{
 			width: 231rpx;height: 63rpx;@include ezy-no-repeat-cover;margin-bottom: 16rpx;
 		}
-		.slfx-title{background-image: url("@/static/images/exam/slfx-title.png");}
-		.spjj-title{background-image: url("@/static/images/exam/spjj-title.png");}
+		.slfx-title{background-image: url("@/static/images/common/exam/slfx-title.png");}
+		.spjj-title{background-image: url("@/static/images/common/exam/spjj-title.png");}
 		.slfx-content{
 			font-size: 32rpx;color: #333;line-height: 1.6;margin-bottom: 42rpx;
 			box-sizing: border-box;padding: 0 20rpx;word-wrap: break-word;word-break: break-all;
@@ -1132,7 +1132,7 @@
 				.ksp-title{font-size: 22rpx;margin-left: 6rpx;height: 33rpx;}
 			}
 		}
-	
+
 		@include mediaBig() {
 			.ksp-tab-box{
 				.tab-item{font-size: 64rpx;padding: 26rpx 38rpx;}
@@ -1188,7 +1188,7 @@
 	}
 	.exam-submit-btn{
 		width: 87rpx;height: 125rpx;@include ezy-no-repeat-cover;z-index: 2;
-		background-image: url("@/static/images/exam/submit-btn.png");margin: 10rpx 42rpx 0 auto;
+		background-image: url("@/static/images/common/exam/submit-btn.png");margin: 10rpx 42rpx 0 auto;
 	}
 	.tip-mask-box{
 		width: 100%;height: 100vh;position: relative;position: absolute;top: 0;left: 0;z-index: 3;
@@ -1208,7 +1208,7 @@
 		background-image: url("@/static/images/common/login/login-btn-bj.png");
 		color: #fff;text-align: center;margin: 10rpx auto;font-size:32rpx;
 	}
-	
+
 	@include mediaSmall() {
 			.xx-jd-box{
 				border-radius: 10rpx;padding: 23rpx 23rpx 27rpx;margin: 13rpx auto 0;
@@ -1228,7 +1228,7 @@
 				width:640rpx;height: 50rpx;line-height: 50rpx;margin: 6rpx auto;
 			background-image: url("@/static/images/pad/common/btn-bj.png");font-size:20rpx;}
 		}
-	
+
 		@include mediaBig() {
 			.xx-jd-box{
 				border-radius: 26rpx;padding: 58rpx 58rpx 67rpx;margin: 32rpx auto 0;
@@ -1254,7 +1254,7 @@
 	.dycs-body{overflow-y: auto;}
 	.dycs-img{
 		width: 430rpx;height: 350rpx;margin: 92rpx auto 32rpx;flex-shrink: 0;
-		background-image: url("@/static/images/exam/shiti-dialog-img.png");@include ezy-no-repeat-cover;
+		background-image: url("@/static/images/common/exam/shiti-dialog-img.png");@include ezy-no-repeat-cover;
 	}
 	.dycs-tip{
 		text-align: center;color: #333;font-size: 35rpx;
@@ -1273,8 +1273,8 @@
 			width: 275rpx;height: 88rpx;line-height: 88rpx;@include ezy-no-repeat-cover;
 			text-align: center;color: #fff;font-size: 32rpx;margin: 0 10rpx;
 		}
-		.cxcs-btn{background-image: url("@/static/images/exam/shiti-btn-blue-bj.png");}
-		.ckda-btn{background-image: url("@/static/images/exam/shiti-btn-orange-bj.png");}
+		.cxcs-btn{background-image: url("@/static/images/common/exam/shiti-btn-blue-bj.png");}
+		.ckda-btn{background-image: url("@/static/images/common/exam/shiti-btn-orange-bj.png");}
 	}
 	@media (max-height: 700px) {
 		.dycs-img{margin: 64rpx auto 16rpx;}
@@ -1295,7 +1295,7 @@
 			.cxcs-btn,.ckda-btn{width: 179rpx;height: 57rpx;line-height: 57rpx;font-size: 22rpx;margin: 0 6rpx;}
 		}
 	}
-	
+
 	@include mediaBig() {
 		.dycs-img{width: 688rpx;height: 560rpx;margin: 20% auto 51rpx;}
 		.dycs-tip{font-size: 54rpx;}
@@ -1326,7 +1326,7 @@
 		.answer-title{
 			width: 208rpx;height: 91rpx;line-height: 91rpx;
 			font-size: 32rpx;text-align: center;margin-left: 10rpx;color: #fff;
-			background-image: url("@/static/images/exam/shiti-anser-title.png");@include ezy-no-repeat-cover;
+			background-image: url("@/static/images/common/exam/shiti-anser-title.png");@include ezy-no-repeat-cover;
 		}
 		.answer-text-title{font-size: 32rpx;color: #f6aa1d;margin: 24rpx 0;}
 		.answer-content-border{
@@ -1373,7 +1373,7 @@
 		width: 90rpx;height: 90rpx;@include ezy-no-repeat-cover;background-image: url("@/static/images/xuexi/video-play-btn.png");
 		top: 52%;left: 50%!important;transform: translate(-50%, -50%);z-index: 20;
 		}
-		
+
 	@include mediaSmall() {
 		.answer-content-box{
 			margin-top: 16rpx;
@@ -1406,7 +1406,7 @@
 			&::before{width: 59rpx;height: 59rpx;}
 		}
 	}
-	
+
 	@include mediaBig() {
 		.answer-content-box{
 			margin-top: 38rpx;
@@ -1440,7 +1440,7 @@
 			margin-bottom: 38rpx;
 			&::before{width: 144rpx;height: 144rpx;}
 		}
-	}	
+	}
 }
 
 

+ 0 - 0
static/images/exam/fh-btn.png → static/images/common/exam/fh-btn.png


+ 0 - 0
static/images/exam/jx-btn.png → static/images/common/exam/jx-btn.png


+ 0 - 0
static/images/exam/option-active-img.png → static/images/common/exam/option-active-img.png


+ 0 - 0
static/images/exam/option-active.png → static/images/common/exam/option-active.png


+ 0 - 0
static/images/exam/option-bj.png → static/images/common/exam/option-bj.png


+ 0 - 0
static/images/exam/option-error-img.png → static/images/common/exam/option-error-img.png


+ 0 - 0
static/images/exam/option-error.png → static/images/common/exam/option-error.png


+ 0 - 0
static/images/exam/option-right-img.png → static/images/common/exam/option-right-img.png


+ 0 - 0
static/images/exam/option-right.png → static/images/common/exam/option-right.png


+ 0 - 0
static/images/exam/shiti-anser-title.png → static/images/common/exam/shiti-anser-title.png


+ 0 - 0
static/images/exam/shiti-btn-blue-bj.png → static/images/common/exam/shiti-btn-blue-bj.png


+ 0 - 0
static/images/exam/shiti-btn-orange-bj.png → static/images/common/exam/shiti-btn-orange-bj.png


+ 0 - 0
static/images/exam/shiti-dialog-img.png → static/images/common/exam/shiti-dialog-img.png


+ 0 - 0
static/images/exam/shiti-title.png → static/images/common/exam/shiti-title.png


+ 0 - 0
static/images/exam/slfx-title.png → static/images/common/exam/slfx-title.png


+ 0 - 0
static/images/exam/spjj-title.png → static/images/common/exam/spjj-title.png


+ 0 - 0
static/images/exam/submit-btn.png → static/images/common/exam/submit-btn.png


+ 0 - 0
static/images/exam/video-finish-bj.png → static/images/common/exam/video-finish-bj.png


+ 0 - 0
static/images/exam/yingyu-canplay-img.png → static/images/common/exam/yingyu-canplay-img.png


+ 0 - 0
static/images/exam/yingyu-playing-img.gif → static/images/common/exam/yingyu-playing-img.gif