index.wxss 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. .header-title {
  2. justify-content: space-between;
  3. padding: 0 26rpx;
  4. width: 100%;
  5. }
  6. .header-title .goback {
  7. width: 30px;
  8. text-align: center;
  9. }
  10. .header-title .righttext {
  11. width: 30px;
  12. }
  13. .header-title .titlename {
  14. font-size: 17px;
  15. }
  16. .nodate {
  17. height: 360rpx;
  18. color: var(--nodateColor);
  19. font-size: 13px;
  20. }
  21. .chartlenged {
  22. margin: 32rpx 32rpx 0;
  23. justify-content: flex-end;
  24. }
  25. .chartlenged > view {
  26. margin-left: 24rpx;
  27. font-size: 26rpx;
  28. color: #8D9399;
  29. line-height: 14px;
  30. }
  31. .chartlenged > view image {
  32. width: 13px;
  33. height: 5px;
  34. margin-right: 8rpx;
  35. }
  36. .chartlenged > view > view {
  37. width: 20rpx;
  38. height: 20rpx;
  39. margin-right: 8rpx;
  40. background: #B2E6F2;
  41. }
  42. .chartlenged > view .circle {
  43. background: #04B49C;
  44. border-radius: 50%;
  45. }
  46. .chartlenged .tips {
  47. width: 40rpx;
  48. height: 40rpx;
  49. border-radius: 50%;
  50. background: #EAFAF8;
  51. color: #04B49C;
  52. }
  53. .chart_contant {
  54. height: 360rpx;
  55. width: 100%;
  56. }
  57. .param_mian {
  58. margin: 32rpx 32rpx 0;
  59. }
  60. .param_mian .param_txt {
  61. font-size: 15px;
  62. color: #2B3036;
  63. }
  64. .param_mian .param_list {
  65. margin-top: 36rpx;
  66. }
  67. .param_mian .param_list .param_line {
  68. width: 12rpx;
  69. height: 100%;
  70. margin-right: 28rpx;
  71. position: relative;
  72. background: linear-gradient(180deg, #34C724 0%, #B3D600 25%, #FFC60A 50%, #F54E45 75%, #F01D94 100%);
  73. border-radius: 4px;
  74. transition: all 0.3s ease;
  75. }
  76. .param_mian .param_list .param_line .pointer {
  77. position: absolute;
  78. top: 0;
  79. left: -30rpx;
  80. transition: all 0.4s ease;
  81. }
  82. .param_mian .param_list .param_line .pointer image {
  83. width: 20rpx;
  84. height: 24rpx;
  85. }
  86. .param_mian .param_list .temperature_line {
  87. background: linear-gradient(180deg, #1054f4 0%, #34C724 60%, #FFC60A 80%, #F01D94 100%);
  88. }
  89. .param_mian .param_list .temperature_line4 {
  90. background: linear-gradient(180deg, #34C724 0%, #34C724 20%, #1054f4 100%);
  91. }
  92. .param_mian .param_list .temperature_line3 {
  93. background: linear-gradient(180deg, #1054f4 0%, #1054f4 20%, #34C724 100%);
  94. }
  95. .param_mian .param_list .humidity_line {
  96. background: linear-gradient(180deg, #F01D94 0%, #FFC60A 20%, #34C724 60%, #1054f4 100%);
  97. }
  98. .param_mian .param_list .co2_line {
  99. background: linear-gradient(180deg, #34C724 43%, #FFC60A 80%, #F01D94 100%);
  100. }
  101. .param_mian .param_list .hcho_line {
  102. background: linear-gradient(180deg, #34C724 43%, #FFC60A 80%, #F01D94 100%);
  103. }
  104. .param_mian .param_list .param_table {
  105. width: 624rpx;
  106. }
  107. .param_mian .param_list .param_table > view {
  108. display: flex;
  109. font-size: 13px;
  110. }
  111. .param_mian .param_list .param_table > view .header_title_one {
  112. width: 40%;
  113. padding-left: 10rpx;
  114. border-bottom: 1px solid transparent;
  115. }
  116. .param_mian .param_list .param_table > view .header_title_one_active {
  117. border-bottom: 1px solid #EFF0F1;
  118. }
  119. .param_mian .param_list .param_table > view .header_title_two {
  120. width: 60%;
  121. border-bottom: 1px solid #EFF0F1;
  122. }
  123. .param_mian .param_list .param_table .table_header {
  124. height: 64rpx;
  125. line-height: 64rpx;
  126. font-weight: 500;
  127. color: #2B3036;
  128. background: #F8F9FA;
  129. }
  130. .param_mian .param_list .param_table .table_body {
  131. height: 74rpx;
  132. line-height: 74rpx;
  133. color: #2B3036;
  134. }