1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071 |
- page{background-color: #F4F4F4;}
- .info-wrap{
- background: linear-gradient(145deg, #41AFF9 0%, #2D8CFB 100%);
- }
- .info{
- padding: 20rpx 40rpx 217rpx;
-
- .payee-no{
- font-size: 40rpx;
- font-weight: 500;
- color: #FFFFFF;
- line-height: 56rpx;
- }
- .current-time{
- font-size: 24rpx;
- font-weight: 400;
- color: rgba(255,255,255,.5);
- line-height: 33rpx;
- }
- }
- .calendar-wrap{
- position: relative;
- padding: 0 40rpx;
- margin-top: -185rpx;
- .u-drawer{
- position: static;
- }
- /deep/ .u-mask{
- display: none;
- }
- /deep/ .u-drawer-content{
- position: static;
- border-radius:20rpx!important;
- }
- /deep/ .u-calendar__bottom{
- display: none;
- }
- /deep/ .u-close,
- /deep/ .u-calendar__header{
- display: none;
- }
- }
- .statistics{
- background: #FFFFFF;
- border-radius: 15rpx;
- text-align: center;
- padding: 40rpx 0 50rpx;
- margin: 12rpx 40rpx 140rpx;
- font-weight: 400;
- .statistics-title{
- font-size: 24rpx;
- color: #8E8E8E;
- line-height: 33rpx;
- }
- .statistics-total{
- font-size: 26rpx;
- color: #8E8E8E;
- line-height: 37rpx;
- .number{
- font-size: 60rpx;
- color: #3397FA;
- line-height: 84rpx;
- letter-spacing: 2rpx;
- }
- }
- .statistics-item-cell{
- flex: 1;
- }
- }
|