Commit 74c56ad6 authored by zhangyudan's avatar zhangyudan
parents e6958a3f 07918049
...@@ -3,72 +3,10 @@ ...@@ -3,72 +3,10 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<<<<<<< HEAD
<title>监区平面图</title> <title>监区平面图</title>
<script src="../static/js/flexible.js"></script> <script src="../static/js/flexible.js"></script>
<link rel="stylesheet" href="../static/css/common.css"> <link rel="stylesheet" href="../static/css/common.css">
</head> </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" />
<title>上海市人民检察院</title>
</head>
<style type="text/css">
/* img {
width: 100%;
} */
/* 鼠标悬停时显示的tooltip样式 */
.tooltip {
position: absolute;
background-color: #333;
color: #fff;
padding: 5px;
border-radius: 5px;
display: none;
/* 初始时隐藏 */
}
</style>
<script type="text/javascript">
$(function () {
})
function handleClick(areaNumber) {
// 根据不同的区域执行不同的操作
switch (areaNumber) {
case 1:
alert('点击了区域 1');
// 执行区域 1 的操作
break;
case 2:
alert('点击了区域 2');
// 执行区域 2 的操作
break;
// 添加更多的 case 语句处理其他区域
}
}
function showTooltip(event, content) {
// 获取tooltip元素
var tooltip = document.getElementById('tooltip');
// 设置tooltip的内容
tooltip.innerHTML = content;
// 设置tooltip的位置
tooltip.style.left = event.pageX + 'px';
tooltip.style.top = event.pageY + 'px';
// 显示tooltip
tooltip.style.display = 'block';
}
function hideTooltip() {
// 隐藏tooltip
var tooltip = document.getElementById('tooltip');
tooltip.style.display = 'none';
}
</script>
>>>>>>> a58bbc28b511c367a82c847858c8470172463762
<body> <body>
<div class="container"> <div class="container">
<div class="main-area"> <div class="main-area">
...@@ -106,25 +44,6 @@ ...@@ -106,25 +44,6 @@
</div> </div>
</div> </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"
onclick="handleClick(1)" shape="rect">
<area target="" alt="jianzu2" title="jianzu2" href="" coords="667,565,708,620" onclick="handleClick(2)"
shape="rect">
<area target="" alt="jianzu3" title="jianzu3" href="" coords="708,687,669,641" shape="rect">
<area target="" alt="jianzu4" title="jianzu4" href="" coords="732,638,776,683" shape="rect">
<area target="" alt="jianzu5" title="jianzu5" href="" coords="758,564,803,618" shape="rect">
<area target="" alt="jianzu6" title="jianzu6" href="" coords="820,452,857,501" shape="rect">
<area target="" alt="jianzu7" title="jianzu7" href="" coords="834,536,869,587" shape="rect">
<area target="" alt="jianzu8" title="jianzu8" href="" coords="981,518,1015,564" shape="rect">
<area target="" alt="jianzu9" title="jianzu9" href="" coords="1066,644,1103,696" shape="rect">
<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> </div>
</body> </body>
......
.padding_box { .padding_box {
padding: 3.5rem 2rem 0; padding: 1.4rem 1rem 0;
} }
.flex-box { .flex-box {
...@@ -10,13 +10,13 @@ ...@@ -10,13 +10,13 @@
} }
.menu_box { .menu_box {
width: 10rem; width: 4rem;
} }
.menu_title_box { .menu_title_box {
width: 100%; width: 100%;
text-align: center; text-align: center;
font-size: 32px; font-size: 0.32rem;
color: #fff; color: #fff;
} }
...@@ -28,26 +28,26 @@ ...@@ -28,26 +28,26 @@
.tab_list ul li { .tab_list ul li {
color: #fff; color: #fff;
font-weight: normal; font-weight: normal;
font-size: 16px; font-size: 0.24rem;
background: rgb(0 35 105 / 70%); background: rgb(0 35 105 / 70%);
margin: 0.4rem 0; margin: 0.2rem 0;
border-radius: 0.2rem; border-radius: 0.2rem;
line-height: 2rem; line-height: 0.6rem;
} }
.tab_list ul li div { .tab_list ul li div {
font-size: 0.6rem; font-size: 0.24rem;
justify-content: space-around; justify-content: space-around;
} }
.monitor { .monitor {
font-size: 0.5rem; font-size: 0.2rem;
} }
.monitor span { .monitor span {
background: #006aec; background: #006aec;
padding: 0.1rem 0.4rem; padding: 0.04rem 0.2rem;
border-radius: 2rem; border-radius: 0.2rem;
margin-left: 0.1rem; margin-left: 0.1rem;
} }
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
} }
.tab_list ul li.current { .tab_list ul li.current {
line-height: 2rem; line-height: 0.6rem;
border: none; border: none;
background: #006aec; background: #006aec;
font-weight: normal; font-weight: normal;
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<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>
<script src="static/js/flexible.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" />
<title>上海市人民检察院</title> <title>上海市人民检察院</title>
......
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