样式修改

common/styles/global/components.scss

@@ -171,25 +171,42 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 		width: 24rpx;height: 38rpx;content: '';display: block;margin-left: 24rpx;
 		background-image: url("@/static/images/common/navBar-return-btn.png");@include ezy-no-repeat-cover();
 	}
+	&::before{
+		width: 100%;height: 356rpx;content: '';display: block;position: absolute;z-index: 0;top: 0;left: 0;
+		background-image: url("@/static/images/phone/common/page-header-bj.png");@include ezy-no-repeat-cover(top);
+	}
 	/*** pad ***/
 	@include mediaSmall() {
+		padding: calc(6rpx + var(--status-bar-height)) 20rpx 6rpx;
 		.nav-bar-title{font-size: 28rpx;}
+		.nav-bar-icon{width: 65rpx;height: 65rpx;top: calc(6rpx + var(--status-bar-height));}
+		.nav-bar-icon::before{width: 16rpx;height: 25rpx;margin-left: 16rpx;}
+		&::before{height: 160rpx;background-image: url("@/static/images/pad/common/page-header-bj.png");}
 	}
 	@include mediaBig(){
 		.nav-bar-title{font-size: 66rpx;height: 180rpx;line-height: 180rpx;}
+		.nav-bar-icon{width: 180rpx;height: 180rpx;}
+		.nav-bar-icon::before{width: 38rpx;height: 61rpx;margin-left: 38rpx;}
+		&::before{height: 350rpx;}
 	}
 }
-.icon-title-navBar-box::before{
-	width: 100%;height: 356rpx;content: '';display: block;position: absolute;z-index: 0;top: 0;left: 0;
-	background-image: url("@/static/images/phone/common/page-header-bj.png");@include ezy-no-repeat-cover(top);
-	@include mediaSmall() {height: 160rpx;background-image: url("@/static/images/pad/common/page-header-bj.png");}
-	@include mediaBig() {height: 350rpx;}
-}
 // 仅一个返回按钮
-.ezy-nav-bar-icon{width: 100rpx;height: 100rpx;position: absolute;left: 0;top: var(--status-bar-height);}
-.ezy-nav-bar-icon::after{
-	width: 24rpx;height: 38rpx;content: '';display: block;margin: 12rpx 32rpx 12rpx;transform: rotate(180deg);
-	background-image: url("@/static/images/common/h-jt-icon.png");@include ezy-no-repeat-cover();
+.ezy-nav-bar-icon{
+	width: 100rpx;height: 100rpx;position: absolute;left: 0;top: var(--status-bar-height);
+	&::after {
+		width: 24rpx;height: 38rpx;content: '';display: block;margin: 12rpx 32rpx 12rpx;transform: rotate(180deg);
+		background-image: url("@/static/images/common/h-jt-icon.png");@include ezy-no-repeat-cover();
+	}
+	
+	@include mediaSmall() {
+			width: 65rpx;height: 65rpx;
+			&::after {width: 16rpx;height: 25rpx;margin: 8rpx 21rpx 8rpx;}
+		}
+	
+		@include mediaBig() {
+			width: 160rpx;height: 160rpx;
+			&::after {width: 38rpx;height: 61rpx;margin: 19rpx 51rpx 19rpx;}
+		}
 }
 
 /***** 登录按钮 *****/

common/styles/global/pages.scss

@@ -162,113 +162,91 @@
 		min-height: 1100rpx;
 	}
 	@include mediaSmall() {
-			padding-top: 156rpx;
-			.login-img{
-				width: 177rpx;height: 169rpx;
+		padding-top: 156rpx;
+		.login-img{width: 177rpx;height: 169rpx;}
+		.login-body-box{margin: 104rpx auto 0;}
+		.phone-input-box{
+			width: 430rpx;height: 79rpx;
+			.phone-prefix {
+			  width: 59rpx;margin-left:12rpx;font-size: 25rpx;
+			  &::after{height: 26rpx;}
 			}
-			.login-body-box{
-				margin: 104rpx auto 0;
-			}
-			.phone-input-box{
-				width: 430rpx;height: 79rpx;
-				.phone-prefix {
-				  width: 59rpx;margin-left:12rpx;font-size: 25rpx;
-				  &::after{height: 26rpx;}
-				}
-				.phone-input {font-size: 25rpx;padding: 0 20rpx;}
-				.uni-input-placeholder {font-size: 22rpx;}
-				.close-btn{width: 27rpx;height: 27rpx;margin-right: 20rpx;}
-			}
-	
-			.agreement-checkbox-box {
-				  margin-top: 21rpx;margin-left: -27rpx;
-				  .agreement-checkbox-input{width: 52rpx;height: 52rpx;}
-				  .uni-checkbox-input{
-					  width: 52rpx;height: 52rpx;
-				  	svg {
-						width: 12rpx;height: 12rpx;top: 21rpx;left: 31rpx;
-						}
-				  }
-				  .uni-checkbox-input::before{
-					width: 20rpx;height: 20rpx;top: 17rpx;left: 27rpx;
-				  }
-				  .agreement-text-box {
-				  		font-size: 18rpx;
-				  }
-			}
-	
-			.bottom-btn-box{
-				.bottom-tip{font-size: 18rpx;margin-bottom: 39rpx;}
-				.btn-box{
-					.wx-btn,.yk-btn,.apple-btn{
-						width: 111rpx;font-size: 17rpx;
-						icon{width: 33rpx;height: 27rpx;margin-bottom: 8rpx;}
-					}
+			.phone-input {font-size: 25rpx;padding: 0 20rpx;}
+			.uni-input-placeholder {font-size: 22rpx;}
+			.close-btn{width: 27rpx;height: 27rpx;margin-right: 20rpx;}
+		}
+
+		.agreement-checkbox-box {
+			  margin-top: 21rpx;margin-left: -27rpx;
+			  .agreement-checkbox-input{width: 52rpx;height: 52rpx;}
+			  .uni-checkbox-input{
+				  width: 52rpx;height: 52rpx;
+			  	svg {width: 12rpx;height: 12rpx;top: 21rpx;left: 31rpx;}
+			  }
+			  .uni-checkbox-input::before{width: 20rpx;height: 20rpx;top: 17rpx;left: 27rpx;}
+			  .agreement-text-box {font-size: 18rpx;}
+		}
+
+		.bottom-btn-box{
+			.bottom-tip{font-size: 18rpx;margin-bottom: 39rpx;}
+			.btn-box{
+				.wx-btn,.yk-btn,.apple-btn{
+					width: 111rpx;font-size: 17rpx;
+					icon{width: 33rpx;height: 27rpx;margin-bottom: 8rpx;}
 				}
 			}
+		}
 	
-			/***** 输入验证码页面*****/
-			.yzm-show{width: 430rpx;font-size: 20rpx;margin: 0 0 16rpx 8rpx;}
-			.yzm-btn{margin-top: 27rpx;}
-			.cxfs-btn{font-size: 20rpx;margin: 39rpx auto 104rpx;}
-			.login-text{
-				width: 430rpx;font-size: 20rpx;margin: 10rpx auto 0;
-			}
+		/***** 输入验证码页面*****/
+		.yzm-show{width: 430rpx;font-size: 20rpx;margin: 0 0 16rpx 8rpx;}
+		.yzm-btn{margin-top: 27rpx;}
+		.cxfs-btn{font-size: 20rpx;margin: 39rpx auto 104rpx;}
+		.login-text{
+			width: 430rpx;font-size: 20rpx;margin: 10rpx auto 0;
 		}
+	}
 	@include mediaBig() {
-			padding-top: 384rpx;
-			.login-img{
-				width: 435rpx;height: 416rpx;
-			}
-			.login-body-box{
-				margin: 256rpx auto 0;
-			}
-			.phone-input-box{
-				width: 1059rpx;height: 195rpx;
-				.phone-prefix {
-				  width: 144rpx;margin-left:29rpx;font-size: 61rpx;
-				  &::after{height: 64rpx;}
-				}
-				.phone-input {font-size: 61rpx;padding: 0 48rpx;}
-				.uni-input-placeholder {font-size: 54rpx;}
-				.close-btn{width: 67rpx;height: 67rpx;margin-right: 48rpx;}
+		padding-top: 384rpx;
+		.login-img{width: 435rpx;height: 416rpx;}
+		.login-body-box{margin: 256rpx auto 0;}
+		.phone-input-box{
+			width: 1059rpx;height: 195rpx;
+			.phone-prefix {
+			  width: 144rpx;margin-left:29rpx;font-size: 61rpx;
+			  &::after{height: 64rpx;}
 			}
-	
-			.agreement-checkbox-box {
-				  margin-top: 51rpx;margin-left: -67rpx;
-				  .agreement-checkbox-input{width: 128rpx;height: 128rpx;}
-				  .uni-checkbox-input{
-					  width: 128rpx;height: 128rpx;
-				  	svg {
-						width: 30rpx;height: 30rpx;top: 51rpx;left: 77rpx;
-						}
-				  }
-				  .uni-checkbox-input::before{
-					width: 50rpx;height: 50rpx;top: 42rpx;left: 67rpx;
-				  }
-				  .agreement-text-box {
-				  		font-size: 45rpx;
-				  }
-			}
-	
-			.bottom-btn-box{
-				.bottom-tip{font-size: 45rpx;margin-bottom: 96rpx;}
-				.btn-box{
-					.wx-btn,.yk-btn,.apple-btn{
-						width: 272rpx;font-size: 42rpx;
-						icon{width: 80rpx;height: 67rpx;margin-bottom: 19rpx;}
-					}
+			.phone-input {font-size: 61rpx;padding: 0 48rpx;}
+			.uni-input-placeholder {font-size: 54rpx;}
+			.close-btn{width: 67rpx;height: 67rpx;margin-right: 48rpx;}
+		}
+
+		.agreement-checkbox-box {
+			  margin-top: 51rpx;margin-left: -67rpx;
+			  .agreement-checkbox-input{width: 128rpx;height: 128rpx;}
+			  .uni-checkbox-input{
+				  width: 128rpx;height: 128rpx;
+			  	svg {width: 30rpx;height: 30rpx;top: 51rpx;left: 77rpx;}
+			  }
+			  .uni-checkbox-input::before{width: 50rpx;height: 50rpx;top: 42rpx;left: 67rpx;}
+			  .agreement-text-box {font-size: 45rpx;}
+		}
+
+		.bottom-btn-box{
+			.bottom-tip{font-size: 45rpx;margin-bottom: 96rpx;}
+			.btn-box{
+				.wx-btn,.yk-btn,.apple-btn{
+					width: 272rpx;font-size: 42rpx;
+					icon{width: 80rpx;height: 67rpx;margin-bottom: 19rpx;}
 				}
 			}
-	
-			/***** 输入验证码页面*****/
-			.yzm-show{width: 1059rpx;font-size: 48rpx;margin: 0 0 38rpx 19rpx;}
-			.yzm-btn{margin-top: 67rpx;}
-			.cxfs-btn{font-size: 48rpx;margin: 96rpx auto 256rpx;}
-			.login-text{
-				width: 1059rpx;font-size: 48rpx;margin: 26rpx auto 0;
-			}
 		}
+	
+		/***** 输入验证码页面*****/
+		.yzm-show{width: 1059rpx;font-size: 48rpx;margin: 0 0 38rpx 19rpx;}
+		.yzm-btn{margin-top: 67rpx;}
+		.cxfs-btn{font-size: 48rpx;margin: 96rpx auto 256rpx;}
+		.login-text{width: 1059rpx;font-size: 48rpx;margin: 26rpx auto 0;}
+	}
 }
 // 快捷登录
 .go-login-page{
@@ -360,6 +338,17 @@
 	position: absolute;top: 64rpx;right: 44rpx;
 	background-image: url("@/static/images/common/close-icon.png");}
 	.agree-section-box{font-size: 30rpx;line-height: 1.8;overflow: auto;flex: 1;padding: 0 46rpx;word-break: break-all;}
+	@include mediaSmall() {
+		.agree-content-box{margin: 10rpx auto 0;padding: 24rpx 0;}
+		.agree-title{font-size: 22rpx;}
+		.agree-section-box{font-size: 20rpx;padding: 0 24rpx;}
+	}
+	@include mediaBig() {
+		.agree-content-box{margin: 24rpx auto 0;padding: 56rpx 0;}
+		.agree-title{font-size: 54rpx;}
+		.agree-section-box{font-size: 46rpx;padding: 0 56rpx;}
+	}
+
 }
 
 //  选课