UI-frame

mybusiness/src/main/resources/static/visualization/images/zhly_body.css

@@ -526,7 +526,7 @@ img {display:block;border:none; margin:0 auto;}
 	top: 11%;
 }
 .wei .wei_tab {
-  position: relative;
+  float: left;
   border-radius: 5px;
   display: flex;
   list-style: none;
@@ -569,6 +569,38 @@ img {display:block;border:none; margin:0 auto;}
   opacity: 0;
   background-color: #036688;
 }
+.wei .test-long{
+	float: left;
+	padding: 0 10px;
+}
+.wei .test-long li{
+	 float: left;
+	 margin-right: 3px;
+	 color: #00ccff;
+	 display: inline-block;
+	 line-height: 35px;
+	 padding:0 8px;
+	border: 1px solid #0093c0;
+	border-radius: 5px;
+	cursor:pointer;
+ }
+.wei .test-long li:hover{
+	background: #0aae23;
+	color: #ffffff;
+	cursor:pointer;
+	border-radius: 5px;
+}
+.wei .test-long li span{
+	display: inline-block;
+	float: left;
+}
+.wei .test-long li img{
+	display: inline-block;
+	float: left;
+	margin-top: 8px;
+	margin-right: 5px;
+}
+
 
 .squeeze {
   transition: all 1.5s;

mybusiness/src/main/resources/templates/business/visualization/event.html

@@ -304,7 +304,13 @@
         <li class="aa"><a name="xzt">行政图</a></li>
         <li class="aa"><a name="lwt">路网图</a></li>
     </ul>
+    <ul class="test-long">
+        <li><img  src="../images/cej.png"><span>测距</span></li>
+        <li><img  src="../images/cemj.png"><span>测面积</span></li>
+        <li><img  src="../images/gbcj.png"><span>退出测量</span></li>
+    </ul>
 </div>
+
 <!--二维三维 结束-->
 <!--事件 左侧导航 开始-->
 <div class="left_nav">