112 lines
1.7 KiB
Plaintext
112 lines
1.7 KiB
Plaintext
/* pages/writeReading/components/readingInfo/index.wxss */
|
|
|
|
.wrapper {
|
|
margin-left: 20rpx;
|
|
margin-right: 20rpx;
|
|
margin-top: 20rpx;
|
|
background-color: white;
|
|
}
|
|
|
|
.bodyTitle {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
background-color: var(--deep-green);
|
|
padding: 32rpx 20rpx;
|
|
border-radius: 20rpx 20rpx 0 0;
|
|
box-sizing: border-box;
|
|
color: white;
|
|
}
|
|
|
|
.bodyTitle .text {
|
|
font-size: 40rpx;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.bodyTitle .time {
|
|
font-size: 30rpx;
|
|
}
|
|
|
|
.contentWrapper {
|
|
padding: 0 20rpx;
|
|
margin-bottom: 30rpx;
|
|
}
|
|
|
|
.currentMeter {
|
|
margin-top: 24rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
font-size: 32rpx;
|
|
}
|
|
|
|
.currentMeter .address {
|
|
color: var(--deep-green);
|
|
font-size: 36rpx;
|
|
}
|
|
|
|
.change {
|
|
margin-top: 20rpx;
|
|
margin-bottom: 20rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.readingNumber {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.readingNumber .title {
|
|
font-size: 32rpx;
|
|
}
|
|
|
|
.readingNumber .number {
|
|
font-size: 42rpx;
|
|
font-weight: 800;
|
|
margin-top: 12rpx;
|
|
}
|
|
.readingNumber .lastTime {
|
|
font-size: 32rpx;
|
|
}
|
|
|
|
.nextReadingNumber {
|
|
display: flex;
|
|
align-items: bottom;
|
|
}
|
|
|
|
.nextReadingNumber .title {
|
|
font-size: 32rpx;
|
|
}
|
|
|
|
.nextReadingNumber .number {
|
|
margin-top: 12rpx;
|
|
}
|
|
|
|
.currentNumber {
|
|
flex: 1;
|
|
}
|
|
|
|
.calc {
|
|
margin-top: 24rpx;
|
|
}
|
|
|
|
.rightNumber {
|
|
font-size: 38rpx;
|
|
font-weight: 700;
|
|
margin-top: 12rpx;
|
|
color: #73d13d;
|
|
}
|
|
|
|
.wrongNumber {
|
|
font-size: 38rpx;
|
|
font-weight: 700;
|
|
margin-top: 12rpx;
|
|
color: #ff4d4f;
|
|
}
|
|
|
|
.operate {
|
|
margin-top: 24rpx;
|
|
display: flex;
|
|
padding-bottom: 30rpx;
|
|
} |