.header-title { justify-content: space-between; padding: 0 26rpx; width: 100%; } .header-title .goback { width: 30px; text-align: center; } .header-title .righttext { width: 30px; } .header-title .titlename { font-size: 17px; } .nodate { height: 360rpx; color: var(--nodateColor); font-size: 13px; } .chartlenged { margin: 32rpx 32rpx 0; justify-content: flex-end; } .chartlenged > view { margin-left: 24rpx; font-size: 26rpx; color: #8D9399; line-height: 14px; } .chartlenged > view image { width: 13px; height: 5px; margin-right: 8rpx; } .chartlenged > view > view { width: 20rpx; height: 20rpx; margin-right: 8rpx; background: #B2E6F2; } .chartlenged > view .circle { background: #04B49C; border-radius: 50%; } .chartlenged .tips { width: 40rpx; height: 40rpx; border-radius: 50%; background: #EAFAF8; color: #04B49C; } .chart_contant { height: 360rpx; width: 100%; } .param_mian { margin: 32rpx 32rpx 0; } .param_mian .param_txt { font-size: 15px; color: #2B3036; } .param_mian .param_list { margin-top: 36rpx; } .param_mian .param_list .param_line { width: 12rpx; height: 100%; margin-right: 28rpx; position: relative; background: linear-gradient(180deg, #34C724 0%, #B3D600 25%, #FFC60A 50%, #F54E45 75%, #F01D94 100%); border-radius: 4px; transition: all 0.3s ease; } .param_mian .param_list .param_line .pointer { position: absolute; top: 0; left: -30rpx; transition: all 0.4s ease; } .param_mian .param_list .param_line .pointer image { width: 20rpx; height: 24rpx; } .param_mian .param_list .temperature_line { background: linear-gradient(180deg, #1054f4 0%, #34C724 60%, #FFC60A 80%, #F01D94 100%); } .param_mian .param_list .temperature_line4 { background: linear-gradient(180deg, #34C724 0%, #34C724 20%, #1054f4 100%); } .param_mian .param_list .temperature_line3 { background: linear-gradient(180deg, #1054f4 0%, #1054f4 20%, #34C724 100%); } .param_mian .param_list .humidity_line { background: linear-gradient(180deg, #F01D94 0%, #FFC60A 20%, #34C724 60%, #1054f4 100%); } .param_mian .param_list .co2_line { background: linear-gradient(180deg, #34C724 43%, #FFC60A 80%, #F01D94 100%); } .param_mian .param_list .hcho_line { background: linear-gradient(180deg, #34C724 43%, #FFC60A 80%, #F01D94 100%); } .param_mian .param_list .param_table { width: 624rpx; } .param_mian .param_list .param_table > view { display: flex; font-size: 13px; } .param_mian .param_list .param_table > view .header_title_one { width: 40%; padding-left: 10rpx; border-bottom: 1px solid transparent; } .param_mian .param_list .param_table > view .header_title_one_active { border-bottom: 1px solid #EFF0F1; } .param_mian .param_list .param_table > view .header_title_two { width: 60%; border-bottom: 1px solid #EFF0F1; } .param_mian .param_list .param_table .table_header { height: 64rpx; line-height: 64rpx; font-weight: 500; color: #2B3036; background: #F8F9FA; } .param_mian .param_list .param_table .table_body { height: 74rpx; line-height: 74rpx; color: #2B3036; }