performance.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. page{background-color: #F4F4F4;}
  2. .info-wrap{
  3. background: linear-gradient(145deg, #41AFF9 0%, #2D8CFB 100%);
  4. }
  5. .info{
  6. padding: 20rpx 40rpx 217rpx;
  7. .payee-no{
  8. font-size: 40rpx;
  9. font-weight: 500;
  10. color: #FFFFFF;
  11. line-height: 56rpx;
  12. }
  13. .current-time{
  14. font-size: 24rpx;
  15. font-weight: 400;
  16. color: rgba(255,255,255,.5);
  17. line-height: 33rpx;
  18. }
  19. }
  20. .calendar-wrap{
  21. position: relative;
  22. padding: 0 40rpx;
  23. margin-top: -185rpx;
  24. .u-drawer{
  25. position: static;
  26. }
  27. /deep/ .u-mask{
  28. display: none;
  29. }
  30. /deep/ .u-drawer-content{
  31. position: static;
  32. border-radius:20rpx!important;
  33. }
  34. /deep/ .u-calendar__bottom{
  35. display: none;
  36. }
  37. /deep/ .u-close,
  38. /deep/ .u-calendar__header{
  39. display: none;
  40. }
  41. }
  42. .statistics{
  43. background: #FFFFFF;
  44. border-radius: 15rpx;
  45. text-align: center;
  46. padding: 40rpx 0 50rpx;
  47. margin: 12rpx 40rpx 140rpx;
  48. font-weight: 400;
  49. .statistics-title{
  50. font-size: 24rpx;
  51. color: #8E8E8E;
  52. line-height: 33rpx;
  53. }
  54. .statistics-total{
  55. font-size: 26rpx;
  56. color: #8E8E8E;
  57. line-height: 37rpx;
  58. .number{
  59. font-size: 60rpx;
  60. color: #3397FA;
  61. line-height: 84rpx;
  62. letter-spacing: 2rpx;
  63. }
  64. }
  65. .statistics-item-cell{
  66. flex: 1;
  67. }
  68. }