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