electricity_bill_calc_wx/pages/billDetail/index.wxss

96 lines
1.5 KiB
Plaintext

/* pages/billDetail/index.wxss */
.title {
padding: 30rpx;
box-sizing: border-box;
background: linear-gradient(to bottom, rgb(76,151,131), rgb(167,203,193) );
display: flex;
align-items: center;
position: sticky;
z-index: 99 !important;
}
.titleContent {
margin-left: 30rpx;
font-size: 32rpx;
}
.titleContent .park, .titleContent .address, .titleContent .time {
display: flex;
}
.titleContent .address, .titleContent .time {
margin-top: 20rpx;
}
.titleContent .label {
width: 170rpx;
}
.titleContent .value {
flex: 1;
}
.line {
height: 0.5rpx;
background-color: rgba(5, 5, 5, 0.06);
margin-top: 30rpx;
margin-bottom: 20rpx;
}
page {
background-color: var(--transparent-green);
}
.contentTitle {
font-size: 34rpx;
font-weight: 600;
margin-top: 10rpx;
margin-bottom: 30rpx;
}
.colContent {
background-color: #fff;
border-radius: 24rpx;
font-size: 30rpx;
}
.colContentTitle {
padding: 30rpx 0;
text-align: center;
font-weight: 500;
}
.colContentValue {
padding-bottom: 30rpx;
text-align: center;
overflow: hidden;
}
.tooltip {
font-size: 30rpx;
color: rgb(136, 132, 132);
}
.tableTitle {
background-color: rgb(242,242,242);
font-size: 30rpx;
text-align: center;
padding: 6rpx 0;
width: 100%;
box-sizing: border-box;
}
.tableContent {
font-size: 30rpx;
text-align: center;
padding: 6rpx 10rpx;
width: 100%;
background-color: #fff;
box-sizing: border-box;
flex: 1;
}
.download {
position: absolute;
top: 20rpx;
right: 20rpx;
}