样式优化

common/styles/global/pages.scss

@@ -2,7 +2,7 @@
 // 登录页  padding-bottom: env(safe-area-inset-bottom); box-sizing: unset;
 .ezy-login-page {
 	
-	width:100%;height:100vh; background-color: #01a1ff;position: relative;overflow:hidden;
+	width:100%;height:100vh; background-color: #80dfff;position: relative;overflow:hidden;
 	.ezy-login-wrap{width:100%;height: 1623.08rpx;background-image: url("@/static/images/login/login-bj.jpg");@include ezy-no-repeat-cover(top);}
 	.login-body-box{
 		display: flex;flex-direction: column;display: flex;box-sizing: border-box;
@@ -67,6 +67,9 @@
 	.login-text{font-size: 28rpx;color: #3257b9;margin: 16rpx 0 0 20rpx;}
 	
 	/* 针对小屏幕设备 */
+	@media (max-height: 800px) {
+		.wx-btn-img{bottom:2%;}
+	}
 	@media (max-height: 700px) {
 	  .phone-input-box{margin-top: 24rpx;}
 	  .yzm-btn-img{margin-top: 52rpx;}
@@ -82,11 +85,14 @@
 // 选择年级和学期
 .grades-terms-page{
 	width:100%;height:100vh; 
-	background-color: #80dfff;padding-top: 52%;
+	background-color: #43c1f6;
 	background-image: url("@/static/images/grade/grades-terms-bj.png");@include ezy-no-repeat-cover(top);
+	// padding-top: 52%;
+	position: relative;min-height: 1212rpx;
 	.grades-body{
 		width: 752rpx;max-width: 100%;height: 1212rpx;display: flex;flex-direction: column;margin: 0 auto;
 		background-image: url("@/static/images/grade/grades-border.png");@include ezy-no-repeat-cover(top);
+		position: absolute;bottom: 2%;left: 50%;transform: translateX(-50%);
 	}
 	.grades-change-title{
 		width: 577rpx;height: 92rpx;margin: 10% auto 0;
@@ -113,6 +119,20 @@
 		width: 644rpx;height: 108rpx;background-image: url("@/static/images/grade/confirm-btn.png");@include ezy-no-repeat-cover;
 	}
 	.grade-confirm-btn:after{display: none;}
+	/* 针对小屏幕设备 */
+	@media (max-height: 800px) {
+		min-height: 1500rpx;
+		.grades-body{bottom: unset;top:26%;zoom:0.9;}
+	}
+	@media (max-height: 700px) {
+		min-height: 1400rpx;
+		.grades-body{top:23%;zoom:0.84;}
+	}
+	@media (max-height: 480px) {
+		min-height: 1500rpx;
+		.grades-body{top:25%;zoom:0.92;}
+	}
+	
 }
 
 	// height:$titleBar-tabBar-page;