monthReport.acss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. .f2-chart {
  2. width: 100%;
  3. height: 500rpx;
  4. }
  5. .report-wrapper{
  6. font-size: 0;
  7. background: #5C4CEA;
  8. padding:0 0 10rpx;
  9. }
  10. .report-img{
  11. width:100%;
  12. }
  13. .block-data-wrapper{
  14. position: relative;
  15. font-size: 30rpx;
  16. }
  17. .common-data{
  18. position:absolute;
  19. top:0;
  20. left:0;
  21. right:0;
  22. bottom:0;
  23. z-index:100;
  24. display: flex;
  25. justify-content: center;
  26. align-items: center;
  27. color:#5C4CEA;
  28. flex-direction: column;
  29. }
  30. .report-date{
  31. margin:36rpx 0;
  32. font-size: 90rpx;
  33. font-weight:bold;
  34. }
  35. .service-day{
  36. margin:0 0 36rpx 0;
  37. }
  38. .service-day text{
  39. font-size:48rpx;
  40. color:#E95E4A;
  41. font-weight: bolder;
  42. }
  43. .percent-top text{
  44. color:#E95E4A;
  45. font-weight: bolder;
  46. }
  47. .expend-total{
  48. height: 90rpx;
  49. line-height: 90rpx;
  50. margin:30rpx 44rpx 20rpx; ;
  51. border-radius: 20rpx;
  52. font-size: 36rpx;
  53. color: white;
  54. text-align: center;
  55. border:3rpx solid #fff;
  56. }
  57. .expend-total text{
  58. color: #EFC149;
  59. }
  60. .shape-chart1{
  61. padding:100rpx 40rpx 40rpx;
  62. }
  63. .shape-chart2{
  64. padding:260rpx 40rpx 40rpx;
  65. }
  66. .shape-chart5{
  67. padding:80rpx 40rpx 80rpx;
  68. }
  69. .no-chart-tip{
  70. color: #fff;
  71. font-size: 28rpx;
  72. line-height: 60rpx;
  73. text-align: center;
  74. padding:60rpx 40rpx 120rpx ;
  75. }