.statistics-box { display: flex; justify-content: space-around; align-items: center; margin: 20rpx; box-shadow: 4rpx 4rpx 10rpx 0 rgba(0, 0, 0, 0.1); border-radius: 20rpx; } .statistics-item { position: relative; /* 为伪元素留出空间 */ flex: 1; /* 让每个item等宽,根据实际需求调整 */ display: flex; flex-direction: column; align-items: center; padding: 20rpx; border-radius: 20rpx; } .statistics-title { position: relative; margin-top: 16rpx; font-size: 24rpx; } .active { color: #ffffff; background-color: #1677ff; } .schedule-box { display: flex; flex-direction: column; margin: 30rpx 20rpx 0; } .schedule-card { box-shadow: 4rpx 4rpx 10rpx 0 rgba(0, 0, 0, 0.1); margin-bottom: 32rpx; padding: 20rpx; font-size: 26rpx; line-height: 36rpx; border-radius: 20rpx; } .card-header-info, .card-body-info { display: flex; justify-content: space-between; display: flex; } .label { color: #999; } .card-body-info { display: flex; justify-content: space-between; margin-bottom: 12rpx; } .card-header { display: flex; justify-content: space-between; padding: 20rpx 0; border-bottom: 1PX #f0f0f0 solid; } .card-body { display: flex; flex-direction: column; justify-content: center; padding-top: 20rpx; }