Commit fc73d488 authored by zhangyudan's avatar zhangyudan
parents b40d7f46 205a5a20
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<<<<<<< HEAD
<title>监区平面图</title>
<script src="../static/js/flexible.js"></script>
<link rel="stylesheet" href="../static/css/common.css">
</head>
=======
<script src="static/js/jquery-1.8.1.min.js" type=text/javascript></script>
<script src="static/js/flexible.js"></script>
<link rel="stylesheet" type="text/css" href="static/css/common.css" />
......@@ -63,13 +68,46 @@
}
</script>
>>>>>>> a58bbc28b511c367a82c847858c8470172463762
<body>
<header class="header">
</header>
<div class="content">
<div class="login">
<div class="container">
<div class="main-area">
<div class="header-area">
<img src="../static/images/logo_mc.png"/>
</div>
<div class="area-content">
<div class="loupan_map_box">
<ul>
<li class="index">
<a href="#"> <img src="./static/images/model_mc.png"/></a>
</li>
<li class="index_01">
<a href="#"> <img src="./static/images/model_mc.png"/></a>
</li>
<li class="index_02">
<a href="#"> <img src="./static/images/model_mc.png"/></a>
</li>
<li class="index_03">
<a href="#"> <img src="./static/images/model_mc.png"/></a>
</li>
<li class="index_04">
<a href="#"> <img src="./static/images/model_mc.png"/></a>
</li>
<li class="index_05">
<a href="#"> <img src="./static/images/model_mc.png"/></a>
</li>
<li class="index_06">
<a href="#"> <img src="./static/images/model_mc.png"/></a>
</li>
<li class="index_07">
<a href="#"> <img src="./static/images/model_mc.png"/></a>
</li>
</ul>
</div>
</div>
</div>
<<<<<<< HEAD
=======
<img src="static/images/index1.png" usemap="#image-map">
<map name="image-map">
<area target="" alt="jianzu1" title="jianzu1" href="" coords="588,579,633,641"
......@@ -86,7 +124,8 @@
<area target="" alt="jianzu10" title="jianzu10" href="" coords="1129,639,1171,686" shape="rect">
<area target="" alt="jianzu11" title="jianzu11" href="" coords="1241,662,1283,705" shape="rect">
</map>
>>>>>>> a58bbc28b511c367a82c847858c8470172463762
</div>
</body>
</body>
</html>
\ No newline at end of file
......@@ -75,7 +75,64 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;}
height: 100vh;
background-size: cover;
}
/**首页**/
.area-content .loupan_map_box {
text-align: center;
}
/* .loupan_map_box img{
width: 65%;
margin-top: 2rem;
} */
.loupan_map_box ul{
position: relative;
}
.loupan_map_box ul li img{
width: 37px;
height: 37px;
}
.loupan_map_box ul li{
position: absolute;
}
.loupan_map_box ul .index{
left: 11rem;
top: 0.8rem;
}
.loupan_map_box ul .index_01{
right: 6rem;
top: 4rem;
}
.loupan_map_box ul .index_02{
right: 6rem;
top: 4rem;
}
.loupan_map_box ul .index_03{
left: 9rem;
top: 6rem;
}
.loupan_map_box ul .index_04{
left: 14rem;
top: 6rem;
}
.loupan_map_box ul .index_05{
right: 6rem;
top: 4rem;
}
.loupan_map_box ul .index_06{
right: 6rem;
top: 4rem;
}
.loupan_map_box ul .index_07{
right: 6rem;
top: 4rem;
}
.area-content .loupan_map_box{
background: url(../images/home_floor.png) no-repeat;
width: 34rem;
height: 18rem;
margin: 0 auto;
margin-top: 2rem;
background-size: 100% 100%;
}
.header-area{
margin: auto;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment