index.less 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. .header_custom{
  2. float: left;
  3. width: 100%;
  4. }
  5. .header-title{
  6. display: flex;
  7. align-items: center;
  8. flex-direction: row;
  9. padding:0 34rpx;
  10. justify-content: flex-start;
  11. width: 100%;
  12. .goback{
  13. width:30px;
  14. }
  15. }
  16. .userbg{
  17. height: 500rpx;
  18. position: relative;
  19. // background-color: hotpink;
  20. overflow: hidden;
  21. &>image{
  22. width: 100%;
  23. height: 100%;
  24. position: absolute;
  25. top: 0;
  26. left: 0;
  27. z-index: 2;
  28. }
  29. .usermsg{
  30. justify-content: flex-start;
  31. margin: 300rpx 0 0 36rpx;
  32. position: relative;
  33. z-index: 5;
  34. color: #FFFFFF;
  35. .userimg{
  36. width: 64px;
  37. height: 64px;
  38. margin-right: 28rpx;
  39. border-radius: 32px;
  40. overflow: hidden;
  41. border: 2px solid rgba(255, 255, 255, 0.3);
  42. }
  43. }
  44. }
  45. .chart_box{
  46. margin: 0 32rpx;
  47. .btn_group{
  48. justify-content: flex-start;
  49. &>view{
  50. width: 144rpx;
  51. height: 56rpx;
  52. font-size:28rpx;
  53. border: 1px solid #EFF0F1;
  54. border-radius: 28rpx;
  55. color: #646C73;
  56. margin-right: 32rpx;
  57. transition: all 0.3s ease;
  58. }
  59. .active{
  60. background: #EAFAF8;
  61. color: #04B49C;
  62. border: 1px solid transparent;
  63. }
  64. }
  65. .logchart{
  66. height: 420rpx;
  67. width: 100%;
  68. color: var(--nodateColor);
  69. font-size:14px;
  70. }
  71. }
  72. .adjust_list{
  73. // height: 170rpx;
  74. padding: 24rpx 0;
  75. margin: 32rpx;
  76. border-radius: 4px;
  77. border: 1px solid #EFF0F1;
  78. justify-content: space-around;
  79. .list_item{
  80. &>text:nth-child(1){
  81. font-size: 56rpx;
  82. color: #2B3036;
  83. }
  84. &>text:nth-child(2){
  85. margin-top: 12rpx;
  86. font-size: 32rpx;
  87. color: #8D9399;
  88. }
  89. }
  90. }
  91. .adjust_record{
  92. height: 118rpx;
  93. margin: 0 32rpx 32rpx;
  94. padding: 0 24rpx;
  95. background: #FFFFFF;
  96. justify-content: space-between;
  97. box-shadow: 0px 6px 20px 0px rgba(43, 48, 54, 0.1);
  98. border-radius: 4px;
  99. view{
  100. font-size: 36rpx;
  101. color: #2B3036;
  102. image{
  103. width: 32rpx;
  104. height: 32rpx;
  105. margin-right: 24rpx;
  106. }
  107. }
  108. }
  109. .adjust_feedback{
  110. margin: 0 32rpx 64rpx;
  111. }