完善余额功能
This commit is contained in:
@ -25,4 +25,100 @@
|
||||
.recharge {
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.payment {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: calc(100% - env(safe-area-inset-bottom));
|
||||
}
|
||||
.payment-header {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 300rpx;
|
||||
background: linear-gradient(270deg, #355883 0%, #254062 100%);
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.payment-main {
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
.payment-footer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 100rpx;
|
||||
padding: 0 20rpx;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.payment .payway-container {
|
||||
border-radius: 7px;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.payment .payway-container .payway-empty {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 20rpx 0;
|
||||
font-size: 26rpx;
|
||||
color: #999999;
|
||||
}
|
||||
.payment .payway {
|
||||
width: 100%;
|
||||
}
|
||||
.payment .payway-item {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 120rpx;
|
||||
}
|
||||
.payment .payway-item:nth-child(n+2) {
|
||||
border-top: 1px dashed #E5E5E5;
|
||||
}
|
||||
.payment .payway-item-content {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-left: 16rpx;
|
||||
}
|
||||
.payment .payway-item-content-name {
|
||||
font-size: 28rpx;
|
||||
color: #101010;
|
||||
}
|
||||
.payment .payway-item-content-tips {
|
||||
font-size: 22rpx;
|
||||
color: #999999;
|
||||
}
|
||||
.payment-count-down {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 7rpx 25rpx;
|
||||
border-radius: 60px;
|
||||
margin-top: 10rpx;
|
||||
font-size: 22rpx;
|
||||
background-color: #FFFFFF;
|
||||
color: #333333;
|
||||
}
|
||||
.payment-submit {
|
||||
flex: 1;
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 74rpx;
|
||||
font-size: 28rpx;
|
||||
border-radius: 60px;
|
||||
background: linear-gradient(270deg, #355883 0%, #254062 100%);
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.payment-submit--disabled::before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
display: block;
|
||||
content: "";
|
||||
background: rgba(255, 255, 255, 0.3) !important;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user