123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139 |
- .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;
- }
- }
- }
- }
|