76 lines
1.1 KiB
Plaintext
76 lines
1.1 KiB
Plaintext
.fund-type-switch {
|
|
display: flex;
|
|
gap: 12rpx;
|
|
margin-top: 12rpx;
|
|
padding: 8rpx;
|
|
border-radius: 24rpx;
|
|
background: #f1e4d4;
|
|
}
|
|
|
|
.fund-type {
|
|
flex: 1;
|
|
height: 72rpx;
|
|
border-radius: 20rpx;
|
|
color: #7f7065;
|
|
font-size: 27rpx;
|
|
font-weight: 700;
|
|
line-height: 72rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.fund-type.active {
|
|
background: #fffaf3;
|
|
color: #6b1f2b;
|
|
}
|
|
|
|
.fund-type.income {
|
|
color: #1f7a4d;
|
|
}
|
|
|
|
.fund-type.expense {
|
|
color: #9a3a2f;
|
|
}
|
|
|
|
.form-label-row {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.fund-image-grid {
|
|
margin-top: 16rpx;
|
|
}
|
|
|
|
.image-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
gap: 12rpx;
|
|
}
|
|
|
|
.image-cell {
|
|
position: relative;
|
|
overflow: hidden;
|
|
height: 180rpx;
|
|
border-radius: 18rpx;
|
|
background: #efe0ca;
|
|
}
|
|
|
|
.image-cell image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.image-remove {
|
|
position: absolute;
|
|
top: 8rpx;
|
|
right: 8rpx;
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
border-radius: 999rpx;
|
|
background: rgba(47, 33, 28, 0.72);
|
|
color: #fff;
|
|
font-size: 32rpx;
|
|
line-height: 36rpx;
|
|
text-align: center;
|
|
}
|