|
|
@@ -2,6 +2,10 @@
|
|
|
// 登录页 padding-bottom: env(safe-area-inset-bottom); box-sizing: unset;
|
|
|
.ezy-login-page {
|
|
|
width:100%;height:100vh; background-color: #80dfff;position: relative;
|
|
|
+ .login-nav-bar-icon{
|
|
|
+ width: 24rpx;height: 38rpx;position: absolute;left: 24rpx;top: var(--status-bar-height);
|
|
|
+ background-image: url("@/static/images/common/navBar-return-btn.png");@include ezy-no-repeat-cover();
|
|
|
+ }
|
|
|
.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;
|
|
|
@@ -955,38 +959,93 @@
|
|
|
padding-top:var(--status-bar-height);display: flex;flex-direction: column;
|
|
|
@include ezy-no-repeat-cover(bottom);background-image: url("@/static/images/common/ezy-page-bj.png");
|
|
|
.svip-login{
|
|
|
- width: 673rpx;height: 269rpx;margin: 0 auto;
|
|
|
+ width: 673rpx;height: 269rpx;margin: 24rpx auto 0;
|
|
|
@include ezy-no-repeat-cover;background-image: url("@/static/images/pay/svip-logo.png");
|
|
|
}
|
|
|
.svip-list-box{
|
|
|
- margin: 0 auto;
|
|
|
- .list-item-box{display: flex;align-items: center;color: #fff;margin-bottom: 24rpx;}
|
|
|
+ margin: 24rpx auto;
|
|
|
+ .list-item-box{display: flex;align-items: center;color: #fff;margin-bottom: 28rpx;}
|
|
|
.list-icon{
|
|
|
width: 96rpx;height: 106rpx;@include ezy-no-repeat-cover;margin-right: 16rpx;
|
|
|
}
|
|
|
.list-title{
|
|
|
font-size: 28rpx;font-weight: 600;margin-bottom: 10rpx;
|
|
|
}
|
|
|
- .list-content{font-size: 25rpx;}
|
|
|
+ .list-content{font-size: 25rpx;color: rgba(255, 255, 255, 0.8);}
|
|
|
|
|
|
}
|
|
|
.open-svip-box{
|
|
|
width: 702rpx;height:413rpx;margin: 0 auto;box-sizing: border-box;padding: 0 16rpx;
|
|
|
@include ezy-no-repeat-cover;background-image: url("@/static/images/pay/svip-block-bj.png");
|
|
|
.svip-price-box{
|
|
|
- display: flex;justify-content: space-between;border-bottom: 2rpx solid #efd774;
|
|
|
- margin-top: 120rpx;box-sizing: border-box;padding:0 24rpx 24rpx;color: #87664d;
|
|
|
+ display: flex;justify-content: space-between;border-bottom: 2rpx solid #efd774;font-size: 32rpx;
|
|
|
+ margin-top: 120rpx;box-sizing: border-box;padding:0 24rpx 24rpx;color: #87664d;align-items: center;
|
|
|
.original-price{text-decoration: line-through;}
|
|
|
- .discount-price{color: #ff0101;}
|
|
|
+ .discount-price{color: #ff0101;font-size: 40rpx;}
|
|
|
}
|
|
|
.pay-type-box{
|
|
|
- display: flex;align-items: center;
|
|
|
+ display: flex;align-items: center;padding:20rpx 24rpx;box-sizing: border-box;
|
|
|
+ .type-radio-title{color: #87664d;margin-right: 32rpx;flex-shrink: 0;font-size: 32rpx;}
|
|
|
+ .type-radio-content{display: flex;flex-direction: row;align-items: center;
|
|
|
+ justify-content: space-between;flex: 1;font-size: 32rpx;}
|
|
|
+ }
|
|
|
+ .type-radio-box{
|
|
|
+ display: flex;align-items: center;color: #87664d;
|
|
|
+ icon{width: 48rpx;height: 48rpx;@include ezy-no-repeat-cover;margin-right: 10rpx;}
|
|
|
+ .uni-radio-input{
|
|
|
+ width: 48rpx;height: 48rpx;@include ezy-no-repeat-cover;margin-left: 16rpx;
|
|
|
+ background-image: url("@/static/images/pay/svip-radio.png");
|
|
|
+ background-color:transparent;border:0; pointer-events: none;
|
|
|
+ }
|
|
|
+ .radio-checked .uni-radio-input{
|
|
|
+ width: 48rpx;height: 48rpx;@include ezy-no-repeat-cover;color:transparent;
|
|
|
+ background-image: url("@/static/images/pay/svip-radio-checked.png");
|
|
|
+ }
|
|
|
}
|
|
|
- .type-radio-box{display: flex;align-items: center;}
|
|
|
+ .wx-radio{background-image: url("@/static/images/pay/svip-wx-icon.png");}
|
|
|
+ .zfb-radio{background-image: url("@/static/images/pay/svip-zfb-icon.png");}
|
|
|
.open-svip-btn{
|
|
|
- width: 333rpx;height: 88rpx;line-height: 88rpx;text-align: center;color: #fff;
|
|
|
+ width: 333rpx;height: 88rpx;line-height: 88rpx;text-align: center;color: #fff;margin: 10rpx auto;font-size: 36rpx;
|
|
|
@include ezy-no-repeat-cover;background-image: url("@/static/images/pay/svip-btn-bj.png");
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ @media (max-height: 800px) {
|
|
|
+ min-height: 1346rpx;
|
|
|
+ .svip-login{width: 538rpx;height: 215rpx;margin: 0 auto;}
|
|
|
+ .svip-list-box{
|
|
|
+ margin: 0 auto;
|
|
|
+ .list-item-box{margin-bottom: 20rpx;}
|
|
|
+ }
|
|
|
+ .open-svip-box{
|
|
|
+ width: 673rpx;height:396rpx;
|
|
|
+ .open-svip-btn{margin: 0 auto;}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ @media (max-height: 700px) {
|
|
|
+ min-height: 1250rpx;
|
|
|
+ .svip-login{width: 500rpx;height: 200rpx;margin: 0 auto;}
|
|
|
+ .svip-list-box{
|
|
|
+ .list-item-box{margin-bottom: 16rpx;}
|
|
|
+ .list-icon{
|
|
|
+ width: 96rpx;height: 106rpx;@include ezy-no-repeat-cover;margin-right: 16rpx;
|
|
|
+ }
|
|
|
+ .list-title{font-size: 26rpx;}
|
|
|
+ .list-content{font-size: 22rpx;}
|
|
|
+ }
|
|
|
+ .open-svip-box{
|
|
|
+ width: 625rpx;height:349rpx;
|
|
|
+ .svip-price-box{
|
|
|
+ font-size: 30rpx;margin-top: 90rpx;padding:0 24rpx 24rpx;
|
|
|
+ .discount-price{color: #ff0101;font-size: 36rpx;}
|
|
|
+ }
|
|
|
+ .pay-type-box{
|
|
|
+ padding:10rpx 12rpx;
|
|
|
+ .type-radio-title{margin-right: 24rpx;font-size: 30rpx;}
|
|
|
+ .type-radio-content{font-size: 30rpx;}
|
|
|
+ }
|
|
|
+ .open-svip-btn{width: 300rpx;height: 80rpx;line-height: 80rpx;margin: 6rpx auto;font-size: 32rpx;}
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
|
tanxue