118 lines
2.3 KiB
CSS
118 lines
2.3 KiB
CSS
/*
|
|
* 顶部
|
|
*/
|
|
.cash .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 */
|
|
padding-bottom: 180rpx;
|
|
}
|
|
|
|
.coin-dropdown {
|
|
--height: 48rpx;
|
|
height: var(--height);
|
|
line-height: var(--height);
|
|
padding: 0 64rpx 0 32rpx;
|
|
background: rgba(255, 255, 255, 0.23);
|
|
border-radius: 12px;
|
|
}
|
|
|
|
.coin-dropdown-icon {
|
|
right: 36rpx;
|
|
top: 2rpx;
|
|
padding: 0;
|
|
}
|
|
|
|
.cash .detail {
|
|
--height: 64rpx;
|
|
height: var(--height);
|
|
line-height: var(--height);
|
|
background: rgba(255, 255, 255, 0.34);
|
|
border-radius: 200rpx 0 0 200rpx;
|
|
padding: 0 32rpx;
|
|
margin-top: 40rpx;
|
|
}
|
|
|
|
.cash .text {
|
|
color: #EBF3FF;
|
|
}
|
|
|
|
/*
|
|
* 内容
|
|
*/
|
|
.cash .content {
|
|
margin-top: -200rpx;
|
|
border-radius: 32rpx 32rpx 0 0;
|
|
min-height: calc(100vh - 528rpx);
|
|
/* #ifndef H5 */
|
|
min-height: calc(100vh - 528rpx - var(--status-bar-height) - 5px);
|
|
/* #endif */
|
|
}
|
|
.cash .recharge-content-input-bg,
|
|
.cash .content-input-bg {
|
|
background-color: #fafafc;
|
|
}
|
|
|
|
.cash .price-item {
|
|
--size: -10rpx;
|
|
margin-left: var(--size);
|
|
margin-right: var(--size);
|
|
width: calc(100% - var(--size));
|
|
}
|
|
|
|
.cash .price-list {
|
|
background: #F5F7F9;
|
|
border: 2rpx solid #F5F7F9;
|
|
border-radius: 16rpx;
|
|
padding: 20rpx 0;
|
|
margin: 18rpx 10rpx;
|
|
width: calc((100% / 3) - 24rpx);
|
|
}
|
|
|
|
.cash .price-img {
|
|
--size: 36rpx;
|
|
width: var(--size);
|
|
height: var(--size) !important;
|
|
}
|
|
|
|
.cash-btn {
|
|
background: linear-gradient(107deg, #31B4FC 0%, #0842E2 100%);
|
|
transition: all 0.3s ease-in-out;
|
|
}
|
|
|
|
.cash-btn:active {
|
|
background: linear-gradient(107deg, #168ACA 0%, #022A97 100%);
|
|
}
|
|
|
|
.cash .content-tips .item::before {
|
|
content: '';
|
|
width: 12rpx;
|
|
height: 12rpx;
|
|
border-radius: 12rpx;
|
|
background: #30B3FC;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 12rpx;
|
|
}
|
|
|
|
.coin-content-list-img {
|
|
--size: 28rpx;
|
|
width: var(--size);
|
|
height: var(--size) !important;
|
|
}
|
|
|
|
/*
|
|
* 虚拟币弹窗
|
|
*/
|
|
.popup_coin_status_container .scroll-y {
|
|
height: 40vh;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.coin-list-img {
|
|
--size: 40rpx;
|
|
width: var(--size);
|
|
height: var(--size) !important;
|
|
} |