123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 |
- page {
- background: #F3F3F3;
- color: #333;
- box-sizing: border-box;
- width:750rpx;
- padding:32rpx 24rpx;
- }
- text,view{
- color:#333;
- font-size:28rpx;
- box-sizing: border-box;
- }
- .record-item{
- width: 702rpx;
- background: #FFFFFF;
- border-radius: 18rpx;
- margin-bottom:24rpx;
- padding:28rpx 16rpx 36rpx 24rpx;
- display: flex;
- flex-direction: column;
- }
- .item-title{
- height: 48rpx;
- display: flex;
- align-items: center;
- margin-bottom:14rpx;
- }
- .item-title image{
- width:34rpx;
- height:34rpx;
- margin-right:6rpx;
- margin-top:8rpx;
- }
- .item-title view{
- font-weight: bold;
- font-size: 32rpx;
- }
- .item-title view.item-date{
- color: #9F9F9F;
- font-weight: normal;
- flex:1;
- text-align: right;
- }
- .item-line{
- margin-bottom:4rpx;
- display: flex;
- align-items: center;
- justify-content: space-between;
- height: 48rpx;
- }
- .pay-status{
- font-weight: 600;
- color: #09AFFF;
- }
- .non-payment.pay-status{
- color: #FF004E;
- }
- .detail-btn{
- width: 184rpx;
- height: 80rpx;
- line-height: 80rpx;
- background: #1677FF;
- border-radius: 8rpx;
- color: #FFFFFF;
- font-size: 32rpx;
- text-align: center;
- align-self: flex-end;
- margin-top:24rpx;
- }
|