mirror of
https://gitee.com/beecue/fastbee.git
synced 2025-12-18 00:45:55 +08:00
125 lines
1.9 KiB
Plaintext
125 lines
1.9 KiB
Plaintext
/* miniprogram/pages/deviceControl/PM2.5/index.wxss */
|
|
.bg{
|
|
position:fixed;
|
|
top:0;
|
|
left:0;
|
|
width:100vw;
|
|
height:100vh;
|
|
background-image:linear-gradient(120deg, gray , deepskyblue);
|
|
z-index:-99;
|
|
}
|
|
.body{
|
|
width:100vw;
|
|
height:100vh;
|
|
color:#fff;
|
|
overflow-x:hidden;
|
|
}
|
|
.outroom{
|
|
display:block;
|
|
width:100%;
|
|
height:80rpx;
|
|
padding: 0 30rpx;
|
|
line-height:80rpx;
|
|
}
|
|
/* .time{
|
|
display:block;
|
|
width:100%;
|
|
height:80rpx;
|
|
text-align:center;
|
|
line-height:80rpx;
|
|
margin:70rpx 0;
|
|
} */
|
|
.airInfo{
|
|
display:flex;
|
|
flex-direction:column;
|
|
justify-content:center;
|
|
align-items:center;
|
|
/* margin-top:70rpx; */
|
|
}
|
|
.airInfo .title{
|
|
display:block;
|
|
width:100%;
|
|
height:80rpx;
|
|
/* padding-bottom:40rpx; */
|
|
text-align:center;
|
|
line-height:80rpx;
|
|
font-size:70rpx;
|
|
}
|
|
slots{
|
|
color:#fff;
|
|
display:flex;
|
|
flex-direction:column;
|
|
justify-content:center;
|
|
}
|
|
slots .num{
|
|
font-size:160rpx
|
|
}
|
|
.degree{
|
|
display:block;
|
|
/* width:300rpx; */
|
|
height:90rpx;
|
|
color:yellow;
|
|
text-align:center;
|
|
line-height:90rpx;
|
|
font-size:40rpx;
|
|
padding:15rpx 0;
|
|
}
|
|
.small_info{
|
|
/* padding:15rpx 35rpx; */
|
|
display:flex;
|
|
justify-content:space-around;
|
|
border-bottom:2rpx solid #fff;
|
|
}
|
|
/* .city{
|
|
display:flex;
|
|
align-items:center;
|
|
margin:15rpx 0;
|
|
}
|
|
.city image{
|
|
width:45rpx;
|
|
height:45rpx;
|
|
}
|
|
.city>text{
|
|
display:block;
|
|
height:45rpx;
|
|
line-height:45rpx;
|
|
text-align:center;
|
|
padding:0 15rpx;
|
|
} */
|
|
.particle{
|
|
margin:30rpx 0;
|
|
padding:10rpx 0;
|
|
width:45%;
|
|
height:60rpx;
|
|
border:2rpx solid #ffffff;
|
|
text-align:center;
|
|
line-height:60rpx;
|
|
border-radius:50rpx;
|
|
|
|
font-size:32rpx;
|
|
}
|
|
.particle .name{
|
|
display:inline-block;
|
|
/* width:135rpx; */
|
|
}
|
|
.particle .index{
|
|
display:inline-block;
|
|
width:60rpx;
|
|
}
|
|
/* .updateTime{
|
|
margin:10rpx 0;
|
|
} */
|
|
/* .others{
|
|
display:flex;
|
|
justify-content:space-around;
|
|
} */
|
|
|
|
.container{
|
|
width: 100vw;
|
|
height: 450rpx;
|
|
}
|
|
#mychart-dom-bar{
|
|
width: 100vw;
|
|
height: 450rpx;
|
|
}
|