anxiao_web/pages/information/dailyInspection/css/warningInfo.css

109 lines
1.9 KiB
CSS

.popintellEarlyWarningInfo {
width: calc(100% - 20px);
height:calc(100% - 20px);
padding:10px;
}
.dailyInspectionContent{
width:100%;
height:100%;
overflow: hidden;
display: flex;
justify-content: space-between;
}
.popintellEarlyWarningInfo_left {
width: 20%;
height: 100%;
}
.popintellEarlyWarningInfo_left>p {
height:40px;
line-height:40px;
text-align: center;
}
.schoolSign,
.policeSign {
margin: 0 auto;
width: 240px;
height:calc(calc(100% - 100px) / 2);
border:1px solid #ccc;
}
.schoolSign>img,
.policeSign>img {
width: 100%;
height: 100%;
}
.popintellEarlyWarningInfo_right{
width: 78%;
height: 100%;
}
.checkListTitle>p {
height:40px;
line-height:40px;
text-align: center;
text-indent: -60px;
font-size:18px;
}
.checkListTitle>div{
display: flex;
justify-content: end;
line-height:40px;
height:40px;
}
.checkListTitle>div>p{
margin-right:70px;
display: flex;
align-items: center;
cursor: pointer;
}
.checkListTitle>div>p>img{
border:1px solid #ccc;
border-radius: 6px;
}
.checkListTitle>div>p>span:nth-child(2){
margin:0 5px;
}
.popintellEarlyWarningInfo_right_content{
height: calc(100% - 80px);
}
.popintellEarlyWarningInfo_right_content>ul {
height: calc(100% - 20px);
width:calc(100% - 20px);
padding:10px;
overflow-y: auto;
display:flex;
flex-wrap: wrap;
}
.popintellEarlyWarningInfo_right_content>ul>li {
width:calc(50% - 60px);
height:30px;
line-height:30px;
display: flex;
justify-content: space-between;
padding-right:60px;
}
.popintellEarlyWarningInfo_right_content>ul>li>span:first-child{
margin-right:10px;
}
.popintellEarlyWarningInfo_right_content>ul>li>span{
display: flex;
align-items: center;
}
.popintellEarlyWarningInfo_right_content>ul>li>span>img{
border:1px solid #ccc;
border-radius: 6px;
margin:0 5px;
}