Skip to content

J
jianchayuan
Commit 152fca6f authored by zhangpux's avatar zhangpux
Browse files
Options

更新

parent faa49674
Show whitespace changes
Inline Side-by-side
Showing with 85 additions and 3 deletions
workshop.html
View file @ 152fca6f
...@@ -8,14 +8,16 @@ ...@@ -8,14 +8,16 @@
<script src="static/js/rem.js"></script> <script src="static/js/rem.js"></script>
<link rel="stylesheet" type="text/css" href="static/css/common.css" /> <link rel="stylesheet" type="text/css" href="static/css/common.css" />
<link rel="stylesheet" type="text/css" href="static/css/workshop.css" /> <link rel="stylesheet" type="text/css" href="static/css/workshop.css" />
<link rel="stylesheet" type="text/css" href="static/css/commonArea.css" />
<title>上海市人民检察院</title> <title>上海市人民检察院</title>
</head> </head>
<style type="text/css"> <style type="text/css">
.content { .content {
background: url(static/images/workshop_bg.png); background: url('static/images/bg.jpg') no-repeat;
width: 100%; width: 100%;
min-height: 100vh; min-height: 100vh;
background-position-x: center; /* background-position-x: center; */
background-size: cover;
} }
</style> </style>
<script type="text/javascript"> <script type="text/javascript">
...@@ -29,11 +31,87 @@ ...@@ -29,11 +31,87 @@
// 3、下面index对应的模块显示，其余的item隐藏 // 3、下面index对应的模块显示，其余的item隐藏
$(".tab_con .item").eq(index).show().siblings().hide(); $(".tab_con .item").eq(index).show().siblings().hide();
}) })
//循环数组 打摄像头位置
var arr = [{
top: '1.4rem',
left: '0.15rem'
}, {
top: '2.3rem',
left: '1.4rem'
}, {
top: '2.3rem',
left: '3.4rem'
}, {
top: '4.3rem',
left: '1.4rem'
}, {
top: '4.3rem',
left: '3.4rem'
}, {
top: '8.2rem',
left: '1.4rem'
}, {
top: '8.2rem',
left: '3.4rem'
}, {
top: '6.3rem',
left: '1.4rem'
}, {
top: '6.3rem',
left: '3.4rem'
}, {
top: '3.3rem',
left: '5.3rem'
}, {
top: '5.0rem',
left: '6.6rem'
}, {
top: '5.0rem',
left: '5.3rem'
}, {
top: '3.3rem',
left: '6.6rem'
}, {
top: '2.3rem',
left: '8.5rem'
}, {
top: '2.3rem',
left: '10.5rem'
}, {
top: '4.3rem',
left: '8.5rem'
}, {
top: '4.3rem',
left: '10.5rem'
}, {
top: '6.3rem',
left: '8.5rem'
}, {
top: '6.3rem',
left: '10.5rem'
}, {
top: '8.2rem',
left: '8.5rem'
}, {
top: '8.2rem',
left: '10.5rem'
}]
var divElement = document.querySelector('.room_box');
console.log(divElement)
let htmlTxt = '<img class="bg_img" src="./static/images/north_workshop_2nd_floor.png" alt="">'
for (let i = 0; i < arr.length; i++) {
console.log(divElement)
htmlTxt = htmlTxt + '<img class="camera" src="./static/images/camera.png" ' + ' style=top:' + arr[i].top + ";left:" + arr[i].left + ' onclick="handleClick()"></img>'
// 使用 innerHTML 添加元素
}
divElement.innerHTML = htmlTxt;
}); });
</script> </script>
<body> <body>
<div class="content"> <div class="content">
<div class="content_top"></div>
<div class="flex-box padding_box"> <div class="flex-box padding_box">
<div class="menu_box"> <div class="menu_box">
<div class="menu_title_box">北车间</div> <div class="menu_title_box">北车间</div>
...@@ -54,7 +132,11 @@ ...@@ -54,7 +132,11 @@
</ul> </ul>
</div> </div>
</div> </div>
<div class="content_box">222</div> <div class="content_box">
<div class="room_box">
</div>
</div>
</div> </div>
</div> </div>
</body> </body>
......
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