78 lines
1.6 KiB
HTML
78 lines
1.6 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<title></title>
|
|||
|
|
<script src="js/layui-v2.5.4/layui/layui.js" type="text/javascript" charset="utf-8"></script>
|
|||
|
|
<link rel="stylesheet" type="text/css" href="js/layui-v2.5.4/layui/css/layui.css"/>
|
|||
|
|
<style type="text/css">
|
|||
|
|
body,html{
|
|||
|
|
background: #f5f5f5;
|
|||
|
|
}
|
|||
|
|
.box_box{
|
|||
|
|
width: 90%;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
margin-top: 10px!important;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
box-shadow: 0px 3px 9px #d8d8d8;
|
|||
|
|
border: 1px solid #cfcfcf;
|
|||
|
|
}
|
|||
|
|
.top_box{
|
|||
|
|
width: 100%;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
background: #fff;
|
|||
|
|
|
|||
|
|
height: 35px;
|
|||
|
|
border-bottom: 3px solid #fb915a!important;
|
|||
|
|
line-height: 35px;
|
|||
|
|
font-size: 18px;
|
|||
|
|
padding-left: 10px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
.content_box{
|
|||
|
|
background: #f5f5f5;
|
|||
|
|
}
|
|||
|
|
.content_box{
|
|||
|
|
display: block;
|
|||
|
|
padding: 20px 30px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
.con_row{
|
|||
|
|
display: block;
|
|||
|
|
width: 100%;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
background: #FFF;
|
|||
|
|
padding: 10px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
margin-bottom: 20px;
|
|||
|
|
}
|
|||
|
|
.con_row a{
|
|||
|
|
display: block;
|
|||
|
|
font-size: 18px;
|
|||
|
|
color: #fb8c6a;
|
|||
|
|
margin: 5px 0px;
|
|||
|
|
}
|
|||
|
|
.row_title{
|
|||
|
|
display: block;
|
|||
|
|
font-weight: bolder;
|
|||
|
|
margin: 10px 0px;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div class="box_box">
|
|||
|
|
<div class="top_box">
|
|||
|
|
<i class="layui-icon layui-icon-note"></i>
|
|||
|
|
<a>当前预警信息</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="content_box">
|
|||
|
|
<div class="con_row">
|
|||
|
|
<a class="row_title">(2020-03-30 11:39:26)</a>
|
|||
|
|
<a>您单位因噪音于2020-03-25进行检测，已超期5天</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
</html>
|