|
|
@@ -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;
|
tanxue