84 lines
1.7 KiB
CSS
84 lines
1.7 KiB
CSS
/*
|
|
* 顶部
|
|
*/
|
|
.recharge-title {
|
|
background: radial-gradient(60% 70% at 90% 79%, rgba(33, 125, 239, 0.85) 0%, #A6C8F3 100%);
|
|
padding-top: 130rpx;
|
|
/* #ifndef H5 */
|
|
padding-top: calc(var(--status-bar-height) + 5px + 130rpx);
|
|
/* #endif */
|
|
}
|
|
|
|
.coin-dropdown {
|
|
--height: 48rpx;
|
|
display: inline-block;
|
|
height: var(--height);
|
|
line-height: var(--height);
|
|
padding: 0 64rpx 0 32rpx;
|
|
background: rgba(255, 255, 255, 0.23);
|
|
border-radius: 12px;
|
|
}
|
|
|
|
.recharge-qrcode {
|
|
background-color: #fff;
|
|
border-radius: 40rpx;
|
|
text-align: center;
|
|
padding: 30rpx 38rpx;
|
|
}
|
|
.coin-dropdown-icon {
|
|
right: -36rpx;
|
|
top: 2rpx;
|
|
padding: 0;
|
|
}
|
|
|
|
/*
|
|
* 内容
|
|
*/
|
|
.recharge-content {
|
|
margin-top: -32rpx;
|
|
border-radius: 32rpx 32rpx 0 0;
|
|
min-height: calc(100vh - 528rpx);
|
|
/* #ifndef H5 */
|
|
min-height: calc(100vh - 528rpx - var(--status-bar-height) - 5px);
|
|
/* #endif */
|
|
}
|
|
|
|
.recharge-content-input-bg {
|
|
background-color: #fafafc;
|
|
}
|
|
|
|
.recharge-price-item {
|
|
--size: -10rpx;
|
|
margin-left: var(--size);
|
|
margin-right: var(--size);
|
|
width: calc(100% - var(--size));
|
|
}
|
|
|
|
.recharge-price-list {
|
|
background: #F5F7F9;
|
|
border: 2rpx solid #F5F7F9;
|
|
border-radius: 16rpx;
|
|
padding: 20rpx 0;
|
|
margin: 18rpx 10rpx;
|
|
width: calc((100% / 3) - 24rpx);
|
|
}
|
|
|
|
.recharge-price-img {
|
|
--size: 36rpx;
|
|
width: var(--size);
|
|
height: var(--size) !important;
|
|
}
|
|
|
|
.recharge-btn {
|
|
background: linear-gradient(107deg, #31B4FC 0%, #0842E2 100%);
|
|
}
|
|
.recharge-content-tips .item::before {
|
|
content: '';
|
|
width: 12rpx;
|
|
height: 12rpx;
|
|
border-radius: 12rpx;
|
|
background: #30B3FC;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 12rpx;
|
|
} |