Skip to content

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

微调一下

parent 154a620a
Hide whitespace changes
Inline Side-by-side
Showing with 142 additions and 121 deletions
index_01.html
View file @ 54adc6f6
......@@ -8,10 +8,6 @@
<script src="./static/js/jquery-1.8.1.min.js" type=text/javascript></script>
<link rel="stylesheet" href="./static/css/common.css">
<style>
.loupan_map_box ul li img{
width: 1.2rem;
height: 1.4rem;
}
.box_map{
background-color: #081536;
border-style: solid;
......@@ -22,12 +18,12 @@
#00deff 100%);
border-image-slice: 1;
opacity: 0.84;
margin: 0.4rem 0;
margin-bottom: 0.2rem;
}
.box_map.bot::before{
content: '';
position: absolute;
top: 48%;
top: 38%;
left: 57%;
height: 0.4rem;
width: 0.5rem;
......@@ -38,11 +34,12 @@
content: '';
position: absolute;
top: 1.5rem;
left: 57%;
left: 53%;
height: 0.4rem;
width: 0.5rem;
background: url(./static/images/top_icon.png) no-repeat;
transform: translateX(-50%);
}
.box_title{
padding: 0 0.2rem;
......@@ -76,7 +73,7 @@
<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>
<a href="#"> <img src="./static/images/room_03.png"/></a>
<div class="box_map top">
<div class="box_title">
<img src="./static/images/dalou2-mianxing.png" alt="">
......
plandirectory/areaPlan.html
View file @ 54adc6f6
......@@ -111,7 +111,7 @@
<span>A栋</span>
</li>
<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>
</li>
<li class="b_floor">
......@@ -123,8 +123,8 @@
<span>G栋</span>
</li>
<li class="c_floor">
<a href="#"> <img src="../static/images/C_floor.png"/></a>
<span>C栋</span>
<a href="/3"> <img src="../static/images/C_floor.png"/></a>
<span>办公楼</span>
</li>
<li class="e_floor">
<a href="#"> <img src="../static/images/E_floor.png"/></a>
......@@ -139,7 +139,7 @@
</li>
<li class="f_floor">
<a href="#"> <img src="../static/images/F_floor.png"/></a>
<span>F栋</span>
<span>办公楼</span>
</li>
<!-- <li class="h_floor">
<a href="#"> <img src="../static/images/F_floor.png"/></a>
......@@ -152,4 +152,5 @@
</div>
</body>
</html>
\ No newline at end of file
</html>
plandirectory/areaPlan_two.html
View file @ 54adc6f6
......@@ -128,16 +128,16 @@
<a href="5"> <img src="../static/images/lanjian.png"/></a>
</li>
<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 class="beijian_floor">
<a href="5"> <img src="../static/images/beiche.png"/></a>
</li>
<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 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 class="xkzx_floor">
<a href="5"> <img src="../static/images/xkzx.png"/></a>
......
static/css/common.css
View file @ 54adc6f6
......@@ -2,19 +2,22 @@ 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;}
select,input,img,select{vertical-align:middle;}
a{text-decoration:none;}
a:link{color:#009;}
/*a:link{color:#009;}
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{
background: url(../images/home_bj.png) no-repeat;
height: 100vh;
background-size: cover;
}
/**首页**/
body{
font-size: 100%;
}
/**棣栭〉**/
.container{
height: 100vh;
overflow: hidden;
min-width: 1200px;
min-width: 1200px;
}
.area-content .loupan_map_box {
text-align: center;
......@@ -22,77 +25,56 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;}
.loupan_map_box ul{
position: relative;
}
.loupan_map_box ul li img{
width: 2rem;
height: 2rem;
}
.loupan_map_box ul li{
position: absolute;
}
/* .loupan_map_box ul .index_01{
left: 14rem;
top: 8rem;
}
*/
.loupan_map_box ul .index_01{
left: 12rem;
top: 3.6rem;
}
.loupan_map_box ul .index_02{
left: 15.5rem;
top: 7.5rem;
}
.loupan_map_box ul .index{
left: 11rem;
top: 0.8rem;
}
.loupan_map_box ul .index_01{
left: 12.5rem;
top: 4.5rem;
}
.loupan_map_box ul .index_02{
left: 16.5rem;
top: 7rem;
}
.loupan_map_box ul .index_03{
left: 6.7rem;
top: 6.8rem;
}
.loupan_map_box ul .index_03{
left: 7.8rem;
top: 7rem;
}
.loupan_map_box ul .index_04{
left:10rem;
top: 6.5rem;
}
.loupan_map_box ul .index_05{
left: 3.5rem;
top: 8rem;
}
.loupan_map_box ul .index_04{
left: 11rem;
top: 7.4rem;
}
.loupan_map_box ul .index_05{
left: 4rem;
top: 9rem;
}
.loupan_map_box ul .index_06{
left: 6.5rem;
top: 11.5rem;
}
.loupan_map_box ul .index_07{
left: 9rem;
.loupan_map_box ul .index_06{
left: 6.8rem;
top: 10rem;
}
.loupan_map_box ul .index_08{
right: 12.5rem;
top: 10.7rem;
}
.loupan_map_box ul .index_09{
right: 9.2rem;
top: 10rem;
}
.loupan_map_box ul .index_10{
right: 7rem;
top: 8rem;
}
}
.loupan_map_box ul .index_07{
left: 10rem;
top: 10rem;
}
.loupan_map_box ul .index_08{
right: 12.5rem;
top: 10.7rem;
}
.loupan_map_box ul .index_09{
right: 9.5rem;
top: 10rem;
}
.loupan_map_box ul .index_10{
right: 7rem;
top: 9rem;
}
.area-content .loupan_map_box{
background: url(../images/home_floor.png) no-repeat;
......@@ -112,7 +94,7 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;}
height: auto;
padding-top: 1.4rem;
}
/**监控业务数据**/
/**鐩戞帶涓氬姟鏁版嵁**/
.area-content{
margin:1rem 3rem 0 3rem;
overflow: hidden;
......@@ -122,11 +104,16 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;}
float: left;
}
.area-content .area-left .title{
font-size: 0.6rem;
.area-content .area-left .title,.menu_title_box{
text-align: center;
}
.area-content .area-left .title a,.menu_title_box a{
font-size: 0.6rem !important;
color: #fff !important;
text-align: center;
letter-spacing: 2px;
font-family: 'AlibabaPuHuiTi_2_85_Bold';
text-decoration: none;
}
.left-menu {
margin-top: 20px;
......@@ -205,22 +192,18 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;}
.area-right ul .g_floor{
left: 4rem;
top: 12.2rem;
}
.area-right ul .g_floor span{
margin-top: 2.5rem;
margin-left: -2.4rem;
}
}
.area-right ul .c_floor img{
width: 7.3rem;
width: 4.4rem;
}
.area-right ul .c_floor {
left: 15.6rem;
top: 6.3rem;
}
.area-right ul .c_floor span {
left: 30.5rem;
top: 11.7rem;
}
.area-right ul .c_floor{
left: 13.6rem;
top: 4.2rem;
}
.area-right ul .c_floor span{
left: 31rem;
top: 11.8rem;
}
.area-right ul .e_floor img{
width: 5.8rem;
}
......@@ -228,11 +211,7 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;}
z-index: 2;
left: 15.6rem;
top: 13.4rem;
}
.area-right ul .e_floor span{
margin-top: 1.3rem;
margin-left: -1.8rem;
}
}
.area-right ul .d_floor img{
width: 3rem;
}
......@@ -240,21 +219,14 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;}
right: 12rem;
top: 6rem;
}
.area-right ul .d_floor_index span{
margin-top: 5rem;
margin-left: -1.8rem;
}
.area-right ul .f_floor img{
width: 5.8rem;
}
.area-right ul .f_floor{
right: 1.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{
width: 5rem;
}
......@@ -264,7 +236,7 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;}
top: 6.6rem;
}
/**业务层**/
/**涓氬姟灞?**/
.area-content .business{
background: url(../images/yewuceng.png) no-repeat;
......@@ -273,18 +245,18 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;}
background-size: 100% 100%;
}
.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 {
transform: scale(1.05); /* 鼠标悬停时图标放大为原来的1.2倍 */
transform: scale(1.05); /* 榧犳爣鎮仠鏃跺浘鏍囨斁澶т负鍘熸潵鐨?1.2鍊? */
}
/**监控业务数据**/
/**鐩戞帶涓氬姟鏁版嵁**/
.area-right ul .xzqy_floor{
right: 5.2rem;
top: 11rem;
}
/**监控业务数据**/
/**鐩戞帶涓氬姟鏁版嵁**/
.area-right ul .jyl_floor{
right: 12rem;
top: 7rem;
......@@ -326,4 +298,55 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;}
.xkzx_floor{
left: 15rem;
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