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