| 1 |
- body{background-color:#f7f8fa}.container{min-height:100vh;background-color:#f7f8fa}.filter-header{display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:0 .9375rem;border-bottom:.03125rem solid #f5f5f5}.tab-bar{display:flex}.date-filter{padding:.25rem 0}.picker-trigger{background-color:#f7f8fa;padding:.25rem .625rem;border-radius:.9375rem;display:flex;align-items:center}.picker-trigger uni-text{font-size:.75rem;color:#333}.arrow-icon{font-size:.5625rem;color:#999;margin-left:.25rem}.tab-item{padding:.5625rem .5rem 0;font-size:.875rem;color:#999;display:flex;flex-direction:column;align-items:center}.tab-item:first-child{padding-left:0}.tab-item.active{color:#ff9800;font-weight:700}.tab-line{width:1rem;height:.09375rem;background-color:#ff9800;border-radius:.0625rem;margin-top:.25rem;align-self:center}.main-scroll{flex:1;padding:.5rem 0}.month-group{background-color:#fff;border-radius:.5rem;padding:0 .75rem;margin:0 .9375rem .5rem;overflow:hidden}.month-header{display:flex;align-items:center;padding:.625rem 0;border-bottom:.03125rem solid #f5f5f5}.month-title{font-size:.9375rem;font-weight:700;color:#333;margin-right:.375rem}.month-summary{display:flex}.month-sum-text{font-size:.6875rem;color:#999;margin-right:.3125rem}.record-item{display:flex;align-items:center;padding:.75rem 0;border-bottom:.03125rem solid #f9f9f9}.ri-icon{width:2.25rem;height:2.25rem;border-radius:50%;background-color:#fff3e0;display:flex;align-items:center;justify-content:center;margin-right:.625rem;flex-shrink:0}.ri-icon.ri-penalty{background-color:#fafafa}.ri-icon-text{font-size:.9375rem;color:#ff9800;font-weight:700}.ri-icon.ri-penalty .ri-icon-text{color:#ccc}.ri-content{flex:1}.ri-title-row{display:flex;align-items:center;margin-bottom:.1875rem}.ri-date{font-size:.8125rem;color:#333;font-weight:700;margin-right:.3125rem}.ri-title{font-size:.8125rem;color:#333}.ri-desc{font-size:.75rem;color:#999}.ri-right{display:flex;flex-direction:column;align-items:flex-end;margin-left:.5rem}.ri-amount{font-size:.9375rem;font-weight:700;margin-bottom:.125rem}.ri-amount.positive{color:#ff5722}.ri-amount.negative{color:#333}.ri-status{font-size:.6875rem}.ri-status.pending{color:#ff9800}.ri-status.credited,.ri-status.deducted{color:#999}
|
