hku-class/miniprogram/pages/fund-detail/index.wxss

61 lines
1.2 KiB
Plaintext

.fund-detail-hero.income {
background: linear-gradient(145deg, #1f7a4d 0%, #8b5a36 72%, #d6a653 135%);
}
.fund-detail-hero.expense {
background: linear-gradient(145deg, #6b1f2b 0%, #9a3a2f 72%, #d6a653 135%);
}
.fund-proof-pill {
position: relative;
display: inline-flex;
align-items: center;
min-height: 48rpx;
margin-top: 28rpx;
padding: 0 22rpx;
border: 1rpx solid rgba(255, 248, 237, 0.18);
border-radius: 999rpx;
background: rgba(255, 255, 255, 0.1);
color: rgba(255, 248, 237, 0.9);
font-size: 24rpx;
font-weight: 650;
}
.fund-detail-row {
display: flex;
align-items: center;
gap: 22rpx;
padding: 22rpx 0;
border-bottom: 1rpx solid rgba(121, 84, 54, 0.1);
}
.fund-detail-row:first-child {
padding-top: 0;
}
.fund-detail-row.last {
padding-bottom: 0;
border-bottom: 0;
}
.fund-note {
color: #4f3930;
font-size: 27rpx;
line-height: 1.65;
white-space: pre-wrap;
}
.fund-proof-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 14rpx;
}
.fund-proof-grid image {
width: 100%;
height: 300rpx;
border-radius: 24rpx;
background: #efe0ca;
box-shadow: 0 14rpx 32rpx rgba(68, 39, 27, 0.08);
}