index.wxss 1.9 KB

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