electricity_bill_calc_wx/pages/rechargeRecord/index.wxss

119 lines
1.7 KiB
Plaintext

/* pages/rechargeRecord/index.wxss */
.yearPicker {
display: flex;
align-items: center;
color: #fff;
font-size: 32rpx;
}
.down {
width: 32rpx;
height: 32rpx;
margin-left: 10rpx;
}
.recordsWrapper {
background-color: white;
margin-top: 24rpx;
border-radius: 6rpx;
display: flex;
flex: 1;
flex-direction: column;
}
.recordsItem {
display: flex;
padding: 16rpx 20rpx;
border-left: 0;
border-right: 0;
border-top: 0;
align-items: center;
position: relative;
}
.recordsItem:last-child {
border-bottom: 0;
}
.code {
font-size: 34rpx;
}
.time {
margin-top: 12rpx;
font-size: 28rpx;
color:rgb(158, 154, 154);
}
.money {
font-size: 36rpx;
font-weight: 500;
margin-right: 30rpx;
}
.wrapper {
display: flex;
flex-direction: column;
flex: 1;
}
.chooseWrapper {
display: flex;
align-items: center;
background-color: var(--middle-green);
padding: 30rpx 36rpx;
}
.tenementPicker {
margin-left: 30rpx;
display: flex;
align-items: center;
color: #fff;
font-size: 32rpx;
}
.allMoney {
font-size: 34rpx;
margin-top: 24rpx;
margin-bottom: 20rpx;
text-align: right;
}
.type {
margin-right: 40rpx;
font-weight: 600;
font-size: 36rpx;
}
.codeTime {
flex: 1;
}
.tenementName {
max-width: 200rpx;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.way {
margin-top: 10rpx;
font-size: 24rpx;
}
.rechargeStatus {
position: absolute;
right: 0;
top: 0;
z-index: 99;
font-size: 26rpx;
padding: 4rpx 10rpx;
}
.rechargeWait {
background-color: rgb(234,226,26);
}
.rechargeSuccess {
background-color: rgb(88,165,141);
}
.rechargeBack {
background-color: rgb(229,229,229);
}