108 lines
2.6 KiB
Plaintext
108 lines
2.6 KiB
Plaintext
|
.content-sk{
|
||
|
|
display: flex;
|
||
|
|
column-gap: 10px;
|
||
|
|
height: calc(100vh - 90px);
|
||
|
|
.comomn-title{
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-between;
|
||
|
|
padding: 20px 10px;
|
||
|
|
}
|
||
|
|
.content-left{
|
||
|
|
width: 550px;
|
||
|
|
height: 100%;
|
||
|
|
background-color: #fff;
|
||
|
|
.ssjc{
|
||
|
|
.root {
|
||
|
|
display: flex;
|
||
|
|
color: #333;
|
||
|
|
padding: 1rem 1rem 1rem 1rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.realinfo {
|
||
|
|
width: 100%;
|
||
|
|
margin-right: 1rem
|
||
|
|
}
|
||
|
|
|
||
|
|
.dataTm {
|
||
|
|
padding: 0.4rem 1rem;
|
||
|
|
border-radius: 0.4rem;
|
||
|
|
margin-bottom: 0.5rem;
|
||
|
|
font-size: 0.8rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.online, .offline{
|
||
|
|
color:#fff;
|
||
|
|
line-height:22px;
|
||
|
|
font-size:14px;
|
||
|
|
letter-spacing: 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.online {
|
||
|
|
border: 1px solid #9ccc65;
|
||
|
|
background-color: #33691e;
|
||
|
|
}
|
||
|
|
.report-time,.rain-report{
|
||
|
|
display: flex;
|
||
|
|
width: 70%;
|
||
|
|
align-items: center;
|
||
|
|
color: #689fff;
|
||
|
|
font-size: 15px;
|
||
|
|
font-weight: 500;
|
||
|
|
line-height: 1.5;
|
||
|
|
column-gap: 5px;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
justify-content: center;
|
||
|
|
padding: 7px 0;
|
||
|
|
background-color: #ecf5ff;
|
||
|
|
border: 1px solid #cde5ff;
|
||
|
|
border-radius: 5px;
|
||
|
|
margin-left: 10%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.offline {
|
||
|
|
border: 1px solid #ef5350;
|
||
|
|
background-color: #b71c1c;
|
||
|
|
}
|
||
|
|
|
||
|
|
.infoItem {
|
||
|
|
border-bottom: 1px dashed #aaa;
|
||
|
|
display: flex;
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 1.8;
|
||
|
|
margin-bottom: 0.5rem;
|
||
|
|
|
||
|
|
& > .row-key{
|
||
|
|
width: 9rem;
|
||
|
|
line-height:30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
& > .row-value{
|
||
|
|
width: 50%;
|
||
|
|
text-align: right;
|
||
|
|
font-weight: bold;
|
||
|
|
margin-right: 0.5rem;
|
||
|
|
flex-grow: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
& > .row-unit{
|
||
|
|
width: 3rem;
|
||
|
|
flex-shrink: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.content-right{
|
||
|
|
flex: 1;
|
||
|
|
height: 100%;
|
||
|
|
background-color: #fff;
|
||
|
|
.sjcx-content{
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.pic-container{
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
}
|