源文件
This commit is contained in:
118
pages/plugins/coin/cash/cash.css
Normal file
118
pages/plugins/coin/cash/cash.css
Normal file
@@ -0,0 +1,118 @@
|
||||
/*
|
||||
* 顶部
|
||||
*/
|
||||
.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;
|
||||
}
|
||||
Reference in New Issue
Block a user