Skip to content

J
jianchayuan
Commit 54adc6f6 authored by liuqing's avatar liuqing
Browse files
Options

微调一下

parent 154a620a
Show whitespace changes
Inline Side-by-side
Showing with 131 additions and 109 deletions
index_01.html
View file @ 54adc6f6
...@@ -8,10 +8,6 @@ ...@@ -8,10 +8,6 @@
<script src="./static/js/jquery-1.8.1.min.js" type=text/javascript></script> <script src="./static/js/jquery-1.8.1.min.js" type=text/javascript></script>
<link rel="stylesheet" href="./static/css/common.css"> <link rel="stylesheet" href="./static/css/common.css">
<style> <style>
.loupan_map_box ul li img{
width: 1.2rem;
height: 1.4rem;
}
.box_map{ .box_map{
background-color: #081536; background-color: #081536;
border-style: solid; border-style: solid;
...@@ -22,12 +18,12 @@ ...@@ -22,12 +18,12 @@
#00deff 100%); #00deff 100%);
border-image-slice: 1; border-image-slice: 1;
opacity: 0.84; opacity: 0.84;
margin: 0.4rem 0; margin-bottom: 0.2rem;
} }
.box_map.bot::before{ .box_map.bot::before{
content: ''; content: '';
position: absolute; position: absolute;
top: 48%; top: 38%;
left: 57%; left: 57%;
height: 0.4rem; height: 0.4rem;
width: 0.5rem; width: 0.5rem;
...@@ -38,11 +34,12 @@ ...@@ -38,11 +34,12 @@
content: ''; content: '';
position: absolute; position: absolute;
top: 1.5rem; top: 1.5rem;
left: 57%; left: 53%;
height: 0.4rem; height: 0.4rem;
width: 0.5rem; width: 0.5rem;
background: url(./static/images/top_icon.png) no-repeat; background: url(./static/images/top_icon.png) no-repeat;
transform: translateX(-50%); transform: translateX(-50%);
} }
.box_title{ .box_title{
padding: 0 0.2rem; padding: 0 0.2rem;
...@@ -76,7 +73,7 @@ ...@@ -76,7 +73,7 @@
<a href="#"> <img src="./static/images/model_mc.png"/></a> <a href="#"> <img src="./static/images/model_mc.png"/></a>
</li> </li>
<li class="index_02"> <li class="index_02">
<a href="#"> <img src="./static/images/model_mc.png"/></a> <a href="#"> <img src="./static/images/room_03.png"/></a>
<div class="box_map top"> <div class="box_map top">
<div class="box_title"> <div class="box_title">
<img src="./static/images/dalou2-mianxing.png" alt=""> <img src="./static/images/dalou2-mianxing.png" alt="">
......
plandirectory/areaPlan.html
View file @ 54adc6f6
...@@ -111,7 +111,7 @@ ...@@ -111,7 +111,7 @@
<span>A栋</span> <span>A栋</span>
</li> </li>
<li class="bg1_floor"> <li class="bg1_floor">
<a href="#"> <img src="../static/images/bgq_floor.png"/></a> <a href="/1"> <img src="../static/images/bgq_floor.png"/></a>
<span>办公楼</span> <span>办公楼</span>
</li> </li>
<li class="b_floor"> <li class="b_floor">
...@@ -123,8 +123,8 @@ ...@@ -123,8 +123,8 @@
<span>G栋</span> <span>G栋</span>
</li> </li>
<li class="c_floor"> <li class="c_floor">
<a href="#"> <img src="../static/images/C_floor.png"/></a> <a href="/3"> <img src="../static/images/C_floor.png"/></a>
<span>C栋</span> <span>办公楼</span>
</li> </li>
<li class="e_floor"> <li class="e_floor">
<a href="#"> <img src="../static/images/E_floor.png"/></a> <a href="#"> <img src="../static/images/E_floor.png"/></a>
...@@ -139,7 +139,7 @@ ...@@ -139,7 +139,7 @@
</li> </li>
<li class="f_floor"> <li class="f_floor">
<a href="#"> <img src="../static/images/F_floor.png"/></a> <a href="#"> <img src="../static/images/F_floor.png"/></a>
<span>F栋</span> <span>办公楼</span>
</li> </li>
<!-- <li class="h_floor"> <!-- <li class="h_floor">
<a href="#"> <img src="../static/images/F_floor.png"/></a> <a href="#"> <img src="../static/images/F_floor.png"/></a>
...@@ -153,3 +153,4 @@ ...@@ -153,3 +153,4 @@
</body> </body>
</html> </html>
plandirectory/areaPlan_two.html
View file @ 54adc6f6
...@@ -128,16 +128,16 @@ ...@@ -128,16 +128,16 @@
<a href="5"> <img src="../static/images/lanjian.png"/></a> <a href="5"> <img src="../static/images/lanjian.png"/></a>
</li> </li>
<li class="beijianyu_floor"> <li class="beijianyu_floor">
<a href="5"> <img src="../static/images/beijianyu.png"/></a> <a href="2"> <img src="../static/images/beijianyu.png"/></a>
</li> </li>
<li class="beijian_floor"> <li class="beijian_floor">
<a href="5"> <img src="../static/images/beiche.png"/></a> <a href="5"> <img src="../static/images/beiche.png"/></a>
</li> </li>
<li class="nanchejian_floor"> <li class="nanchejian_floor">
<a href="5"> <img src="../static/images/lanche.png"/></a> <a href="3"> <img src="../static/images/lanche.png"/></a>
</li> </li>
<li class="lhjl_floor"> <li class="lhjl_floor">
<a href="5"> <img src="../static/images/lhjl.png"/></a> <a href="4"> <img src="../static/images/lhjl.png"/></a>
</li> </li>
<li class="xkzx_floor"> <li class="xkzx_floor">
<a href="5"> <img src="../static/images/xkzx.png"/></a> <a href="5"> <img src="../static/images/xkzx.png"/></a>
......
static/css/common.css
View file @ 54adc6f6
...@@ -2,15 +2,18 @@ body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;paddin ...@@ -2,15 +2,18 @@ body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;paddin
ul,ol{list-style:none;} ul,ol{list-style:none;}
select,input,img,select{vertical-align:middle;} select,input,img,select{vertical-align:middle;}
a{text-decoration:none;} a{text-decoration:none;}
a:link{color:#009;} /*a:link{color:#009;}
a:visited{color:#800080;} a:visited{color:#800080;}
a:hover,a:active,a:focus{color:#c00;text-decoration:underline;} a:hover,a:active,a:focus{color:#c00;text-decoration:underline;}*/
.container .main-area{ .container .main-area{
background: url(../images/home_bj.png) no-repeat; background: url(../images/home_bj.png) no-repeat;
height: 100vh; height: 100vh;
background-size: cover; background-size: cover;
} }
/**首页**/ body{
font-size: 100%;
}
/**棣栭〉**/
.container{ .container{
height: 100vh; height: 100vh;
overflow: hidden; overflow: hidden;
...@@ -22,77 +25,56 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;} ...@@ -22,77 +25,56 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;}
.loupan_map_box ul{ .loupan_map_box ul{
position: relative; position: relative;
} }
.loupan_map_box ul li img{
width: 2rem;
height: 2rem;
}
.loupan_map_box ul li{ .loupan_map_box ul li{
position: absolute; position: absolute;
} }
/* .loupan_map_box ul .index_01{ .loupan_map_box ul .index{
left: 14rem; left: 11rem;
top: 8rem; top: 0.8rem;
} }
*/ .loupan_map_box ul .index_01{
left: 12.5rem;
top: 4.5rem;
.loupan_map_box ul .index_01{ }
left: 12rem; .loupan_map_box ul .index_02{
top: 3.6rem; left: 16.5rem;
} top: 7rem;
.loupan_map_box ul .index_02{ }
left: 15.5rem;
top: 7.5rem;
}
.loupan_map_box ul .index_03{ .loupan_map_box ul .index_03{
left: 6.7rem; left: 7.8rem;
top: 6.8rem; top: 7rem;
} }
.loupan_map_box ul .index_04{ .loupan_map_box ul .index_04{
left:10rem; left: 11rem;
top: 6.5rem; top: 7.4rem;
} }
.loupan_map_box ul .index_05{ .loupan_map_box ul .index_05{
left: 3.5rem; left: 4rem;
top: 8rem; top: 9rem;
} }
.loupan_map_box ul .index_06{ .loupan_map_box ul .index_06{
left: 6.5rem; left: 6.8rem;
top: 11.5rem;
}
.loupan_map_box ul .index_07{
left: 9rem;
top: 10rem; top: 10rem;
} }
.loupan_map_box ul .index_08{ .loupan_map_box ul .index_07{
left: 10rem;
top: 10rem;
}
.loupan_map_box ul .index_08{
right: 12.5rem; right: 12.5rem;
top: 10.7rem; top: 10.7rem;
} }
.loupan_map_box ul .index_09{ .loupan_map_box ul .index_09{
right: 9.2rem; right: 9.5rem;
top: 10rem; top: 10rem;
} }
.loupan_map_box ul .index_10{ .loupan_map_box ul .index_10{
right: 7rem; right: 7rem;
top: 8rem; top: 9rem;
} }
.area-content .loupan_map_box{ .area-content .loupan_map_box{
background: url(../images/home_floor.png) no-repeat; background: url(../images/home_floor.png) no-repeat;
...@@ -112,7 +94,7 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;} ...@@ -112,7 +94,7 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;}
height: auto; height: auto;
padding-top: 1.4rem; padding-top: 1.4rem;
} }
/**监控业务数据**/ /**鐩戞帶涓氬姟鏁版嵁**/
.area-content{ .area-content{
margin:1rem 3rem 0 3rem; margin:1rem 3rem 0 3rem;
overflow: hidden; overflow: hidden;
...@@ -122,11 +104,16 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;} ...@@ -122,11 +104,16 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;}
float: left; float: left;
} }
.area-content .area-left .title{ .area-content .area-left .title,.menu_title_box{
font-size: 0.6rem; text-align: center;
}
.area-content .area-left .title a,.menu_title_box a{
font-size: 0.6rem !important;
color: #fff !important;
text-align: center; text-align: center;
letter-spacing: 2px; letter-spacing: 2px;
font-family: 'AlibabaPuHuiTi_2_85_Bold'; font-family: 'AlibabaPuHuiTi_2_85_Bold';
text-decoration: none;
} }
.left-menu { .left-menu {
margin-top: 20px; margin-top: 20px;
...@@ -206,20 +193,16 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;} ...@@ -206,20 +193,16 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;}
left: 4rem; left: 4rem;
top: 12.2rem; top: 12.2rem;
} }
.area-right ul .g_floor span{
margin-top: 2.5rem;
margin-left: -2.4rem;
}
.area-right ul .c_floor img{ .area-right ul .c_floor img{
width: 7.3rem; width: 4.4rem;
} }
.area-right ul .c_floor{ .area-right ul .c_floor {
left: 13.6rem; left: 15.6rem;
top: 4.2rem; top: 6.3rem;
} }
.area-right ul .c_floor span{ .area-right ul .c_floor span {
left: 31rem; left: 30.5rem;
top: 11.8rem; top: 11.7rem;
} }
.area-right ul .e_floor img{ .area-right ul .e_floor img{
width: 5.8rem; width: 5.8rem;
...@@ -229,10 +212,6 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;} ...@@ -229,10 +212,6 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;}
left: 15.6rem; left: 15.6rem;
top: 13.4rem; top: 13.4rem;
} }
.area-right ul .e_floor span{
margin-top: 1.3rem;
margin-left: -1.8rem;
}
.area-right ul .d_floor img{ .area-right ul .d_floor img{
width: 3rem; width: 3rem;
} }
...@@ -240,10 +219,7 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;} ...@@ -240,10 +219,7 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;}
right: 12rem; right: 12rem;
top: 6rem; top: 6rem;
} }
.area-right ul .d_floor_index span{
margin-top: 5rem;
margin-left: -1.8rem;
}
.area-right ul .f_floor img{ .area-right ul .f_floor img{
width: 5.8rem; width: 5.8rem;
} }
...@@ -251,10 +227,6 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;} ...@@ -251,10 +227,6 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;}
right: 1.7rem; right: 1.7rem;
top: 11.7rem; top: 11.7rem;
} }
.area-right ul .f_floor span{
margin-top: 0.6rem;
margin-left: -1.8rem;
}
.area-right ul .d_floor_index img{ .area-right ul .d_floor_index img{
width: 5rem; width: 5rem;
} }
...@@ -264,7 +236,7 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;} ...@@ -264,7 +236,7 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;}
top: 6.6rem; top: 6.6rem;
} }
/**业务层**/ /**涓氬姟灞?**/
.area-content .business{ .area-content .business{
background: url(../images/yewuceng.png) no-repeat; background: url(../images/yewuceng.png) no-repeat;
...@@ -273,18 +245,18 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;} ...@@ -273,18 +245,18 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;}
background-size: 100% 100%; background-size: 100% 100%;
} }
.bue-yewu .map img { .bue-yewu .map img {
transition: transform 0.3s ease-in-out; /* 添加过渡效果，过渡时间为0.3秒 */ transition: transform 0.3s ease-in-out; /* 娣诲姞杩囨浮鏁堟灉锛岃繃娓℃椂闂翠负0.3绉? */
} }
.bue-yewu .map img:hover { .bue-yewu .map img:hover {
transform: scale(1.05); /* 鼠标悬停时图标放大为原来的1.2倍 */ transform: scale(1.05); /* 榧犳爣鎮仠鏃跺浘鏍囨斁澶т负鍘熸潵鐨?1.2鍊? */
} }
/**监控业务数据**/ /**鐩戞帶涓氬姟鏁版嵁**/
.area-right ul .xzqy_floor{ .area-right ul .xzqy_floor{
right: 5.2rem; right: 5.2rem;
top: 11rem; top: 11rem;
} }
/**监控业务数据**/ /**鐩戞帶涓氬姟鏁版嵁**/
.area-right ul .jyl_floor{ .area-right ul .jyl_floor{
right: 12rem; right: 12rem;
top: 7rem; top: 7rem;
...@@ -327,3 +299,54 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;} ...@@ -327,3 +299,54 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;}
left: 15rem; left: 15rem;
top: 5rem; top: 5rem;
} }
.menu_box .tab_list ul,#videos{
padding-left: 0;
}
.menu_box .tab_list ul li p {
margin-bottom: 0 !important;
}
.modal{
overflow: hidden !important;
}
.area-right ul .a_floor span {
left: 25.7rem;
top: 7rem;
}
.area-right ul .b_floor span{
left: 19.6rem;
top: 13.6rem;
}
.area-right ul .c_floor span{
left: 30.7rem;
top: 11.7rem;
}
.area-right ul .d_floor_index span {
left: 35rem;
top: 15.2rem;
}
.area-right ul .e_floor span {
left: 32.2rem;
top: 18.3rem;
}
.area-right ul .f_floor span {
left: 44.3rem;
top: 16rem;
}
.area-right ul .g_floor span {
left: 21.2rem;
top: 18.3rem;
}
.area-content .left-menu li a{
display: flex;
width: 100%;
justify-content: space-between;
}
.area-content .left-menu li:hover{
cursor: pointer;
}
\ No newline at end of file
static/images/C_floor.png
View replaced file @ 154a620a View file @ 54adc6f6
static/images/C_floor.png

108 KB | W: | H:

static/images/C_floor.png

57.8 KB | W: | H:

static/images/C_floor.png
static/images/C_floor.png
static/images/C_floor.png
static/images/C_floor.png
  • 2-up
  • Swipe
  • Onion skin
static/images/model_mc.png
View replaced file @ 154a620a View file @ 54adc6f6
static/images/model_mc.png

3.49 KB | W: | H:

static/images/model_mc.png

8.57 KB | W: | H:

static/images/model_mc.png
static/images/model_mc.png
static/images/model_mc.png
static/images/model_mc.png
  • 2-up
  • Swipe
  • Onion skin
static/images/tubiao/C_floor.png
View replaced file @ 154a620a View file @ 54adc6f6
static/images/tubiao/C_floor.png

111 KB | W: | H:

static/images/tubiao/C_floor.png

59.9 KB | W: | H:

static/images/tubiao/C_floor.png
static/images/tubiao/C_floor.png
static/images/tubiao/C_floor.png
static/images/tubiao/C_floor.png
  • 2-up
  • Swipe
  • Onion skin
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