129 lines
2.2 KiB
SCSS
129 lines
2.2 KiB
SCSS
.red-envelope {
|
|
padding: 34rpx 24rpx;
|
|
background-color: #f7f7f7;
|
|
.top-title {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-bottom: 30rpx;
|
|
.title {
|
|
font-size: 32rpx;
|
|
color: #1c1c1c;
|
|
}
|
|
}
|
|
|
|
.input-box {
|
|
margin-bottom: 60rpx;
|
|
background: #ffffff;
|
|
border-radius: 16rpx;
|
|
padding: 24rpx 34rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
.form-box {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
text {
|
|
font-size: 32rpx;
|
|
color: #1c1c1c;
|
|
}
|
|
input {
|
|
width: 60%;
|
|
font-size: 32rpx;
|
|
color: #1c1c1c;
|
|
text-align: right;
|
|
}
|
|
.num-box {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: right;
|
|
text {
|
|
margin-left: 10rpx;
|
|
margin-bottom: 1rpx;
|
|
color: #1c1c1c;
|
|
}
|
|
}
|
|
}
|
|
|
|
.title-box {
|
|
input {
|
|
width: 100%;
|
|
text-align: left;
|
|
}
|
|
}
|
|
|
|
.bottom-box {
|
|
margin-top: 5vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.text-box {
|
|
display: flex;
|
|
align-items: baseline;
|
|
text {
|
|
font-weight: 600;
|
|
font-size: 28rpx;
|
|
color: #1c1c1c;
|
|
&:last-child {
|
|
font-size: 68rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.btn {
|
|
margin-top: 28rpx;
|
|
font-size: 30rpx;
|
|
color: #ffffff;
|
|
background: #f56c6c;
|
|
width: 46%;
|
|
&::after {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
// 警告提现
|
|
.on-reminder {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
text {
|
|
color: #f56c6c !important;
|
|
}
|
|
input {
|
|
color: #f56c6c;
|
|
}
|
|
.error-text {
|
|
margin-top: 10rpx;
|
|
font-size: 24rpx;
|
|
}
|
|
}
|
|
|
|
// 群红包个数
|
|
.group-box {
|
|
display: flex;
|
|
flex-direction: column;
|
|
.input-box {
|
|
margin-bottom: 10rpx;
|
|
}
|
|
.num {
|
|
margin-bottom: 30rpx;
|
|
margin-left: 34rpx;
|
|
font-size: 28rpx;
|
|
color: #5e5e5e;
|
|
}
|
|
}
|
|
}
|
|
|
|
.pwd-modal {
|
|
:deep(.modal) {
|
|
position: relative;
|
|
right: 20rpx;
|
|
}
|
|
}
|