86 lines
1.4 KiB
SCSS
86 lines
1.4 KiB
SCSS
.purchase-modal {
|
|
padding: 16rpx 0;
|
|
|
|
.purchase-subtitle {
|
|
font-size: 24rpx;
|
|
color: #999;
|
|
margin-bottom: 24rpx;
|
|
}
|
|
|
|
.loading-state {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 60rpx 0;
|
|
|
|
.loading-text {
|
|
font-size: 28rpx;
|
|
color: #999;
|
|
}
|
|
}
|
|
|
|
.package-list {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 16rpx;
|
|
}
|
|
|
|
.package-card {
|
|
background: #f9f9f9;
|
|
border-radius: 12rpx;
|
|
padding: 24rpx;
|
|
border: 2rpx solid transparent;
|
|
|
|
&:active {
|
|
background: #f0f0f0;
|
|
}
|
|
|
|
&.package-processing {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.package-header {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
gap: 8rpx;
|
|
margin-bottom: 12rpx;
|
|
|
|
.package-name {
|
|
font-size: 28rpx;
|
|
font-weight: 600;
|
|
color: #1d2129;
|
|
}
|
|
|
|
.package-remark {
|
|
margin-top: 4rpx;
|
|
|
|
.remark-text {
|
|
font-size: 24rpx;
|
|
color: #86909c;
|
|
line-height: 34rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.package-footer {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
|
|
.package-credit {
|
|
font-size: 26rpx;
|
|
color: #1a6bff;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.package-price {
|
|
font-size: 32rpx;
|
|
font-weight: 700;
|
|
color: #f59e0b;
|
|
}
|
|
}
|
|
}
|
|
}
|