|
@@ -157,7 +157,7 @@
|
|
|
.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%);
|
|
|
+ position: absolute;left: 50%;transform: translateX(-50%);top: 24%;
|
|
|
}
|
|
|
.grades-change-title{
|
|
|
width: 577rpx;height: 92rpx;margin: 10% auto 0;
|
|
@@ -185,16 +185,16 @@
|
|
|
.grade-confirm-btn:after{display: none;}
|
|
|
/* 针对小屏幕设备 */
|
|
|
@media (max-height: 800px) {
|
|
|
- min-height: 1500rpx;
|
|
|
- .grades-body{bottom: unset;top:26%;zoom:0.9;}
|
|
|
+ min-height: 1300rpx;
|
|
|
+ .grades-body{zoom:0.9;bottom: 1%;top: unset;}
|
|
|
}
|
|
|
@media (max-height: 700px) {
|
|
|
- min-height: 1400rpx;
|
|
|
- .grades-body{top:23%;zoom:0.84;}
|
|
|
+ min-height: 1200rpx;
|
|
|
+ .grades-body{zoom:0.8;}
|
|
|
}
|
|
|
@media (max-height: 480px) {
|
|
|
- min-height: 1500rpx;
|
|
|
- .grades-body{top:25%;zoom:0.92;}
|
|
|
+ min-height: 1200rpx;
|
|
|
+ .grades-body{zoom:0.75;}
|
|
|
}
|
|
|
|
|
|
}
|