sagacloud-sagacare-miniprogram/pages/detail/index.less

.header-title{
    justify-content: space-between;
    padding: 0 32rpx;
    width: 100%;
    .goback{
        width:30px;
    }
    .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;
            .pointer{
                position: absolute;
                top: 0;
                left: -30rpx;
                transition: all 0.3s ease;
                image{
                    width: 68rpx;
                    height: 24rpx;
                }
            }
        }
        .temperature_line{
            background: linear-gradient(180deg, #1054f4 0%, #34C724 50%, #FFC60A 65%, #F01D94 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;
            }
        }
    }


}